@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');

:root {
    --primary-color: #8a0909;
    --primary-color-rgb: 138, 9, 9;
    --primary-color-text: #000;
    --primary-color-btn: var(--primary-color);
    --primary-color-btn-text: #fff;
    --tfcw-primary-font: "Poppins", system-ui, -apple-system, Helvetica Neue, Arial, sans-serif;
    --serviceImageFilter: brightness(30%);
}
.tf-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 99999999999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.7);
    min-height: 200px;
    box-sizing: border-box;
}
.tf-loader > * {
    box-sizing: border-box;
}
.tf-loader.gif .load-holder {
    height: auto;
    padding: 12px;
}

.tf-loader.gif .load-holder strong {
    display: block;
    font-size: 20px !important;
    line-height: 24px !important;
    color: var(--primary-color);
    text-align: center;
    font-weight: 600;
    margin: 10px 0 0 !important;

}
.tf-loader .load-holder {
    width: 130px;
    height: 100px;
    padding: 15px;
    background: #fff;
    border-radius: 4px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
}
.tf-loader .loading-icon {
    display: block;
    width: 100%;
    color: var(--primary-color);
}
.tf-loader .loading-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--primary-color);
}

.tf-loader .loading-icon img {
    display: block;
    width: 100%;
}

.tf-loader .tyre {
    animation: spin 1.3s linear infinite both;
    transform: rotate(0);
    transform-origin: 70.7% 50%;
}
.tf-loader .waves {
    stroke: var(--primary-color);
    stroke: color-mix(in srgb, var(--primary-color), #fff 30%);
}
.tf-loader .tyre__line {
    transform-origin: center right;
    stroke-dasharray: 330;
    stroke-dashoffset: 330;
    fill: none;
    animation: tyre-line 0.8s linear infinite;
    animation-fill-mode: both;
}
.tf-loader .tyre__line--1 {
    animation-delay: 0s;
}
.tf-loader .tyre__line--2 {
    animation-delay: 0.3s;
}
.tf-loader .tyre__line--3 {
    animation-delay: 0.6s;
}
.tf-loader .tyre__line--4 {
    animation-delay: 0.4s;
}
.tf-loader .tyre__line--5 {
    animation-delay: 0s;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes tyre-line {
    0% {
        stroke-dashoffset: 300;
    }
    50% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -300;
    }
}
form {
    padding: 0;
}
#api_wrapper {
    clear: both;
    display: block !important;
    width: 100%;
    padding: 10px 0;
}
#api_output .wrapper-1 {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.api-tabs + .wrapper-1 {
    margin-top: 20px;
}
.tkf-container {
    box-sizing: border-box;
    font-weight: 300;
    line-height: 1;
    margin: 0;
    position: relative;
    text-align: left;
    z-index: 999;
    overflow: hidden;
    letter-spacing: initial !important;
    color: #000;
    font-family: var(--tfcw-primary-font);
}
.tkf-container *,
.tkf-container p,
.tkf-container li {
    color: inherit;
}
.tkf-container h1,
.tkf-container h2,
.tkf-container h3,
.tkf-container h4,
.tkf-container h5,
.tkf-container h6 {
    font-family: var(--tfcw-primary-font);
    box-sizing: border-box;
    color: inherit;
}
/* .tkf-container .tf-loader {
    position: absolute !important;
} */
.tkf-container * {
    box-sizing: border-box;
    font-family: var(--tfcw-primary-font);
}
.tkf-container i.fa,
.tkf-container .fa, 
.tkf-container .far,
.tkf-container .fas {
    font-family: "Font Awesome 5 Free";
    font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
}
.tkf-container .fa {
    font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
    font-weight: var(--fa-style,900) !important;
}

.tkf-container .fa-classic,
.tkf-container .fa-regular,
.tkf-container .fa-solid,
.tkf-container .far,
.tkf-container .fas {
    font-family: "Font Awesome 6 Free" !important;
}

.tkf-container .fa-brands,
.tkf-container .fab {
    font-family: "Font Awesome 6 Brands" !important;
}



.rs_close_modal i,
.modal_backdrop_close i,
.modal-ui-close i {
    color: #fff !important;
}
.ap-subheading-title {
    color: #a1a1a1;
}
.tkf-container h1 {
    color: #000;
    font-size: 42px;
    line-height: 1.2;
    font-style: italic;
    font-weight: 500;
    overflow: hidden;
}
.widget-promotion-banners {
    text-align: center;
    padding: 10px 0;
    float: left;
    width: 100%;
}
.widget-promotion-banners img {
    display: block;
}
.p-widget-title {
    position: relative;
    background: #000;
    color: #ffffff;
    display: block;
    min-height: 205px;
    text-align: center;
}
.p-widget-title > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    margin: 0px auto;
    text-transform: uppercase;
    line-height: 30px;
}
.p-widget-title .title-a {
    font-size: 40px;
}
.p-widget-title .title-b {
    display: block;
    font-size: 40px;
    margin-bottom: 30px;
}
.ap-service-select .p-widget-title .title-a,
.ap-service-select .p-widget-title .title-b {
    font-size: 24px;
}
.ap-service-select .p-widget-title {
    min-height: 180px;
}
.api-tabs {
    background: #3e9a33;
    border: 5px solid #ffffff;
    border-radius: 40px 0;
    box-shadow: 0 0 3px 1px #ccc;
    float: left;
    margin-top: 10px;
    width: 100%;
}
.api-tabs > ul.api-tab-list {
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 30%;
}
.api-tabs > ul.api-tab-list > li {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.api-tabs > ul.api-tab-list > li > a {
    background: #475da2;
    background: -moz-linear-gradient(top, #475da2 0%, #314997 2%, #39529b 4%, #213c8e 31%, #1d398d 37%, #1a368c 45%, #1a368c 57%, #1c3686 78%, #18307a 96%, #0d2674 98%, #22387d 100%);
    background: -webkit-linear-gradient(top, #475da2 0%, #314997 2%, #39529b 4%, #213c8e 31%, #1d398d 37%, #1a368c 45%, #1a368c 57%, #1c3686 78%, #18307a 96%, #0d2674 98%, #22387d 100%);
    background: linear-gradient(to bottom, #475da2 0%, #314997 2%, #39529b 4%, #213c8e 31%, #1d398d 37%, #1a368c 45%, #1a368c 57%, #1c3686 78%, #18307a 96%, #0d2674 98%, #22387d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475da2', endColorstr='#22387d',GradientType=0 );
    padding: 15px 20px;
    position: relative;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    text-decoration: none;
    line-height: 1.42857;
    display: block;
}
.api-tabs > ul.api-tab-list > li a .api-head-text {
    font-size: 20px;
    font-weight: 600;
    margin-left: 0px;
    color: #fff;
}
.api-tabs > ul.api-tab-list > li.active a .api-head-text {
    color: #111;
}
.api-tabs > ul.api-tab-list > li > a:after {
    background: url(../img/widget-arrow-right.png) no-repeat;
    position: absolute;
    content: "";
    width: 9px;
    height: 12px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.api-tabs > ul.api-tab-list > li.active > a:after {
    background: url(../img/widget-arrow-down.png) no-repeat;
    position: absolute;
    content: "";
    width: 12px;
    height: 9px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.noUi-horizontal .noUi-tooltip {
    z-index: 9;
}
.api-tabs > ul.api-tab-list > li.active > a {
    background: #74b51f;
}
.api-tabs > ul.api-tab-list > li a small {
    color: #fff !important;
    font-size: 11px;
    background: #333333;
    font-weight: bold;
    padding: 4px 6px;
    position: absolute;
    top: 3px;
    display: inline-block;
    border-radius: 20px;
    right: 3px;
}
.api-tabs > ul.api-tab-list > li.active > a small {
    color: #222;
}
.api-tab-pane {
    padding: 0;
    float: left;
    width: 100%;
}
.api-tab-pane.hide {
    display: none;
}
.api-tab-pane.active {
    display: block;
}
.service_name {
    cursor: pointer;
    float: left;
    font-size: 16px;
    line-height: 1.4;
    font-weight: bold;
    padding: 0;
    width: 100%;
    height: 100% !important;
}
.service-img {
    width: 25px;
    height: 25px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.service-img img {
    width: 100%;
    display: block;
}
.service_img_additional {
    background: #8a090a;
    border-radius: 50px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.service_img_additional img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: auto;
}
.tyre-icon {
    background: url(../img/tyre-icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 20px;
}
.mot-icon {
    background: url(../img/mot-icon.png) no-repeat;
    height: 23px;
    width: 26px;
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
}
.service-icon-wheel {
    background: url(../img/icon_12.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 20px;
}
.service-icon-additional {
    background: url(../img/icon_13.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 24px;
    vertical-align: middle;
    width: 20px;
}
.brakes-icon {
    background: url(../img/widget-brakes.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    width: 25px;
}
.service-icon {
    background: url(../img/other-service.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    width: 25px;
}
.quote-icon {
    background: url(../img/quote-service.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 25px;
    vertical-align: middle;
    width: 25px;
}
.api-tabs > .api-tabs-content {
    float: left;
    padding: 5px 10px;
    text-align: left;
    width: 70%;
}
.api-tabs-content.full-width-tab {
    width: 100%;
}
.api-tabs-content .api-tabs-content {
    width: 100%;
}
.api-tab-pane > ul {
    margin: 0;
    margin-bottom: 0;
    padding: 0 !important;
    overflow: hidden;
    width: 100%;
}
.api-tab-pane > ul > li {
    list-style: none;
    float: left;
    width: 100%;
    position: relative;
    padding: 5px 15px 15px;
    margin: 0;
    color: #000 !important;
    font-size: 14px;
    font-weight: 500;
}
.api-tabs-content .api-tab-pane > ul > li > a {
    background: #fff;
    color: var(--primary-color);
    display: inline-block;
    text-decoration: none;
    padding: 0;
    border-radius: 0;
    white-space: normal;
    margin-left: 2px;
    font-weight: 600;
}
.api-tabs-content .api-tab-pane > ul > li.active {
    display: none;
}
.api-mobile-content {
    color: #fff;
}
.api-mobile-content .grid-33 {
    width: 100%;
}
.api-mobile-content ul > li.active {
    display: none;
}
.api-mobile-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.api-mobile-content .api-tabs-content {
    overflow: hidden;
}
.tab-li-child {
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
}
.tab-li-child a {
    color: #fff;
}
.api-mobile-content .api-tab-pane {
    padding: 10px 0;
    background-color: #fff;
}
.api-mobile-content .api-tab-pane-inner {
    padding: 10px 0;
}
.api-tabs-content .api-tab-pane > ul > li > a i {
    color: #fff;
}
.api-tabs .api-tabs-content .api-tab-pane > ul > li.active > a > span {
    color: #444 !important;
}
.api-tab-pane .api-tab-pane {
    background: #74b51f;
    border-radius: 0px 0 30px 0px;
    padding: 10px 0;
    overflow: hidden;
    margin: 0;
}
.api-tab-pane p {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45893;
    margin: 0 0 15px;
}
.content-center {
    width: 70%;
    margin: 0 auto;
}
.api-do-action .search-btn {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text) !important;
    display: block;
    text-decoration: none;
    position: relative;
    width: 100%;
    text-align: center;
    border: none;
    cursor: pointer;
    font-family: var(--tfcw-primary-font);
    font-size: 22px;
    line-height: 28px;
    padding: 10px;
    border: 1px solid transparent;
    font-weight: bold;
}
.api-do-action .search-btn i.fa {
    font-size: 12px;
    color: var(--primary-color-btn-text);
}
.api-tab-pane-inner {
    position: relative;
    padding: 25px 0;
    float: left;
    width: 100%;
}
.rs-two-column .rs-specs a {
    color: #333;
    text-decoration: none;
}
.rs-note a {
    color: #333;
}
/*.api-tab-pane .mots:before{
	background: url(../img/widget-mot.png) no-repeat;
	height: 200px;
    width: 165px;
    content: "";
    position: absolute;
    left: 50px;
    top: 0;
    background-size: contain;
}*/
.api-tabs-content .api-tab-pane h3 {
    color: #000 !important;
    font-weight: 300;
    font-size: 18px;
    font-style: italic;
    margin-top: 0;
    line-height: 20px;
}
.api-tabs-content .api-tab-pane h4 {
    color: #000 !important;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    margin-top: 0;
    line-height: 20px;
    margin: 0;
    margin-bottom: 5px;
}
.api-tabs-content .api-tab-pane h4 small {
    color: #222 !important;
    font-size: 80% !important;
}
.quotes-service {
    width: 14%;
    float: left;
    text-decoration: none;
    padding: 5px;
    font-size: 14px;
}
.quotes-service span {
    background: #74b51f;
    color: #fff;
    display: block;
    padding: 30px 10px;
    text-align: center;
    height: 100px;
}
.quotes-service span:hover {
    background: #000;
}
.mobile-filter {
    display: none;
}
.thankyou-page {
    padding: 20px 15px;
}
.thankyou-page .cart-page .your-booking-detail.box-holder.basket .grid-100 > div .heading:first-child h3 {
    font-size: 28px !important;
    color: #fff !important;
}
.thankyou-page .cart-page .your-booking-detail.box-holder.basket #black-headline {
    color: #000 !important;
}
.thankyou-page .checkInUsers .checkbox label .cr {
    top: -4px;
}
.promotion-banner {
    padding-bottom: 15px;
    padding-left: 15px;
}

/*******************************************New RimSize Widget**********************************/
.rimsize-widget {
    float: left;
    width: 100%;
}
.rim-options-left {
    float: left;
    width: 20%;
}
.rimsize-content {
    float: left;
    width: 60%;
    text-align: center;
}
.rimsize-content-inner {
    background: rgba(0, 0, 0, 0) url("../img/rim-size-sm.png") repeat scroll 0 0 / contain;
    height: 91px;
    width: 305px;
    display: inline-block;
}
.rim-options-right {
    float: left;
    width: 20%;
}
.rim-option-select:before {
    content: "\f0d7";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    pointer-events: none;
    color: #8795c3;
}
.rim-option-select {
    background: #445ca4;
    background: -moz-linear-gradient(top, #445ca4 0%, #374f97 2%, #37519b 6%, #334d98 8%, #344e9b 10%, #213d90 29%, #19378d 43%, #18368e 55%, #1c368a 76%, #16307b 96%, #0f2674 98%, #20387e 100%);
    background: -webkit-linear-gradient(top, #445ca4 0%, #374f97 2%, #37519b 6%, #334d98 8%, #344e9b 10%, #213d90 29%, #19378d 43%, #18368e 55%, #1c368a 76%, #16307b 96%, #0f2674 98%, #20387e 100%);
    background: linear-gradient(to bottom, #445ca4 0%, #374f97 2%, #37519b 6%, #334d98 8%, #344e9b 10%, #213d90 29%, #19378d 43%, #18368e 55%, #1c368a 76%, #16307b 96%, #0f2674 98%, #20387e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445ca4', endColorstr='#20387e',GradientType=0 );
    display: block;
    right: 0;
    width: 100%;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    margin-bottom: 5px;
}

.rim-options-left .rim-option-select:after {
    background: #3e9a33;
    border-right: 2px solid #3e9a33;
    color: #3e9a33;
    content: "";
    height: 1px;
    left: 100%;
    pointer-events: none;
    position: absolute;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
}
.rim-options-right .rim-option-select:after {
    background: #3e9a33;
    border-right: 2px solid #3e9a33;
    color: #3e9a33;
    content: "";
    height: 1px;
    left: -100%;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
}
.rim-option-select select {
    background: none;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    width: 140%;
    position: relative;
    z-index: 9999;
    height: auto;
    padding: 5px;
    margin: 0;
}
.tyrevalue {
    display: inline-block;
}
.tyrevalue span {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 50%;
    color: #3e9a33;
    display: block;
    font-family: var(--tfcw-primary-font);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
}

/*******************************************New RimSize Widget**********************************/
.service_disclaimer {
    color: #000 !important;
    margin: 0 0 10px;
    display: block;
    font-size: 12px;
    line-height: 1.3;
}

/* .ap-logo-wrapper {
    float: left;
    text-align: right;
    width: 20%;
}
.ap-member-logo {
    background-size: contain;
    display: inline-block;
    height: 30px;
    margin-top: 10px;
    max-width: 135px;
    width: 100%;
} */
.tkf-btn-wrapper {
    padding: 0;
}
.btn-continue {
    background: var(--primary-color-btn) !important;
    border: 2px solid var(--primary-color-btn) !important;
    border-radius: 0;
    color: var(--primary-color-btn-text) !important;
    cursor: pointer;
    display: inline-block;
    font-size: 28px !important;
    font-weight: 600;
    line-height: 50px;
    text-decoration: none;
    width: 49%;
    text-align: center;
}
.btn-continue i.fa {
    color: var(--primary-color-btn-text);
    display: inline-block;
    vertical-align: middle;
}
.btn-tkf {
    background: var(--primary-color-btn);
    border: 2px solid var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    border-radius: 5px;
    text-decoration: none;
    padding: 5px 10px;
    font-style: italic;
    cursor: pointer;
}
.btn-tkf:hover {
    background: var(--primary-color-btn);
}
.btn-tkf-2 {
    background: #000;
    border: none !important;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    padding: 10px 30px;
    font-style: italic;
    cursor: pointer;
    line-height: 1.2;
}
.tkf-product .btn-add-tyre,
.product-recommended .btn-add-tyre,
.ap-select-time-inner .btn-add-tyre {
    background: var(--primary-color-btn);
    border: 2px solid var(--primary-color-btn);
    border-radius: 3px;
    color: var(--primary-color-btn-text);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    line-height: 1.2;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    margin: 0;
}
.btn-add-tyre:hover {
    background: var(--primary-color-btn);
    border-color: var(--primary-color-btn);
}
.btn-add-tyre label {
    font-size: 16px;
    color: var(--primary-color-btn-text);
    display: inline-block;
}
.btn-add-more {
    background: var(--primary-color-btn);
    border: 2px solid var(--primary-color-btn);
    border-radius: 3px;
    color: var(--primary-color-btn-text) !important;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    text-decoration: none;
    width: 49%;
}
.btn-add-rear {
    background: var(--primary-color-btn);
    border: 2px solid var(--primary-color-btn);
    border-radius: 3px;
    color: var(--primary-color-btn-text) !important;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    padding: 3px 10px !important;
    text-transform: uppercase;
    line-height: 15px;
    float: none;
    text-decoration: none;
    height: auto;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: -5px;
    right: 10px;
}
.btn-add-rear:hover {
    background: #222;
    border-color: #222 !important;
    color: #fff !important;
}
.add-rear {
    /* float: left;
    width: 50%; */
    margin: 10px 0;
    width: 100%;
}
.btn-add-more-rear {
    background: #3e9a33;
    border: 2px solid #719f33;
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    text-decoration: none;
    width: 100%;
    padding: 0;
}
.rs-btn-book {
    background: #3e9a33;
    border: 2px solid #719f33;
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
    padding: 10px 30px;
    font-style: italic;
    cursor: pointer;
    line-height: 1.2;
    display: block;
    font-size: 16px;
    font-style: normal;
    width: 100%;
}
.rs_btn_booking,
.rs_btn_booking,
.rs_btn_back,
.rs_btn_booking {
    background: #000 !important;
    border: none !important;
    color: #fff !important;
    border-radius: 0px !important;
    text-decoration: none !important;
    padding: 5px 40px !important;
    font-style: italic;
    cursor: pointer;
    font-weight: 700 !important;
    line-height: 45px;
    display: inline-block !important;
    font-size: 30px !important;
    font-style: normal !important;
    height: auto !important;
    text-align: center;
}
.rs_btn_booking {
    background: var(--primary-color-btn) !important;
    border-color: var(--primary-color-btn) !important;
}
input.rs_btn_booking:hover,
button.rs_btn_booking:hover,
.rs_btn_back:hover,
a.rs_btn_booking:hover {
    background: #000;
    text-decoration: none;
}
a.rs_btn_booking:hover {
    background: var(--primary-color-btn);
    border-color: var(--primary-color-btn);
}
.tkf-container input.rs_btn_booking i.fa,
.tkf-container a.rs_btn_booking i.fa {
    color: var(--primary-color-btn-text);
}
.ch-btn-two {
    background: var(--primary-color-btn);
    border: none;
    color: var(--primary-color-btn-text) !important;
    border-radius: 4px;
    text-decoration: none;
    padding: 10px 30px;
    font-style: italic;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.2;
    display: block;
    width: 100%;
    text-align: center;
}
.ch-btn,
.btn-continue {
    background: #000;
    border: 2px solid #000;
    color: #fff !important;
    border-radius: 0;
    text-decoration: none;
    padding: 3px 60px;
    display: inline-block;
    text-align: center;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 45px;
}
.ch-btn:hover,
.btn-continue:hover {
    background: #000;
}
.tkf-container .ch-btn i.fa,
.tkf-container .ch-btn-continue i.fa,
.tkf-container .ch-btn-two i.fa {
    color: var(--primary-color-btn-text);
    vertical-align: middle;
}
.ch-btn-continue {
    background: #3e9a33;
    border: 2px solid #719f33;
    color: #fff !important;
    border-radius: 4px;
    text-decoration: none;
    padding: 10px 30px;
    font-style: italic;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.2;
    display: inline-block;
    text-align: center;
}
.ch-btn-checkout {
    background: #000;
    border: medium none;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.tkf-medium {
    font-size: 18px;
    padding: 5px 20px;
}
.tkf-large {
    padding: 5px 40px;
    font-size: 20px;
}
.f-width {
    width: 100%;
    display: block;
}
.text-caps {
    text-transform: uppercase;
}
.tkf-container .align-left {
    text-align: left;
}
.tkf-container .align-right {
    text-align: right;
}
.tkf-container .hidden-large {
    display: none;
}
.tkf-container .hidden {
    display: none !important;
}
.tkf-container img {
    border: medium none;
}
.tkf-container *:focus {
    outline: none;
}
.vt-row:after,
.vt-row:before {
    clear: both;
    content: "";
    display: table;
}
.vt-row {
    margin-left: -15px;
    margin-right: -15px;
}
.vt-main-row .vt-row {
    margin-left: 0;
    margin-right: 0;
}
.grid-15 {
    float: left;
    width: 15%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-30 {
    float: left;
    width: 30%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-33 {
    float: left;
    width: 33%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-35 {
    float: left;
    width: 35%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-40 {
    float: left;
    width: 40%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-50 {
    width: 50%;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-60 {
    float: left;
    width: 60%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-65 {
    float: left;
    width: 65%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-70 {
    float: left;
    width: 70%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.grid-100 {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.grid-100 > .grid-100 {
    padding-left: 0;
    padding-right: 0;
}
.inline-calendar .datepicker-inline {
    background: none !important;
    width: 100%;
}
.inline-calendar .datepicker-inline tr th {
    background: #000;
    color: #fff !important;
    border: 10px ​solid #fff !important;
}
.inline-calendar .datepicker-inline thead tr:last-child th {
    border: none !important;
    color: #000 !important;
    background: transparent !important;
}
.inline-calendar .datepicker-inline tr th,
.inline-calendar .datepicker-inline tr td {
    cursor: pointer;
    list-style: none;
    margin: 5px;
    padding: 10px;
    text-align: center;
    color: #202020;
    border: 1px solid #cdcdcd;
    font-size: 15px;
    font-weight: 400 !important;
    word-wrap: inherit;
}
.inline-calendar .datepicker-inline tr td:hover {
    background: var(--primary-color);
    color: #fff;
}
.inline-calendar .datepicker table tr td.disabled,
.inline-calendar .datepicker table tr td.disabled:hover {
    border: none !important;
    background: #f3f3f3 !important;
    font-size: 16px;
    font-weight: 400 !important;
    text-decoration: line-through;
}
@media screen and (max-width: 1300px) {
    .inline-calendar .datepicker-inline tr th,
    .inline-calendar .datepicker-inline tr td {
        font-size: 15px;
        padding: 10px;
    }
    .inline-calendar .datepicker table tr td.disabled,
    .inline-calendar .datepicker table tr td.disabled:hover {
        font-size: 15px;
    }
}
.inline-calendar .datepicker table {
    background: none !important;
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    border: none;
    table-layout: fixed;
}
.inline-calendar .datepicker table thead,
.inline-calendar .datepicker table tbody,
.inline-calendar .datepicker table tfoot,
.inline-calendar .datepicker table thead tr,
.inline-calendar .datepicker table tbody tr,
.inline-calendar .datepicker table tfoot tr,
.inline-calendar .datepicker table thead tr th,
.inline-calendar .datepicker table thead tr td,
.inline-calendar .datepicker table tbody tr th,
.inline-calendar .datepicker table tbody tr td,
.inline-calendar .datepicker table tfoot tr th,
.inline-calendar .datepicker table tfoot tr td {
    background: none !important;
}
.inline-calendar #slots_response {
    margin: 10px 0;
    overflow: auto;
    border: 1px solid #ddd;
    box-shadow: none;
    /* max-height: 397px; */
    overflow: hidden;
    overflow-y: auto;
    color: #000 !important;
    text-align: center;
}
.inline-calendar #slots_response .switch-field {
    margin-bottom: 0;
}
.inline-calendar .selectWrapper {
    font-size: 22px;
}
.inline-calendar .selectWrapper select {
    padding: 15px 15px 15px 5px;
    width: 110% !important;
    max-width: 110%;
}
.inline-calendar .datepicker table tr th.next {
    cursor: pointer;
    font-size: 24px;
}
.inline-calendar .datepicker table tr {
    background: none;
}
.inline-calendar .datepicker table tr th.prev {
    cursor: pointer;
    font-size: 24px;
}
.inline-calendar .datepicker table tr td span {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%;
}
.inline-calendar .datepicker table tr td span.disabled {
    background: #dddddd none repeat scroll 0 0;
    opacity: 0.2;
}
.inline-calendar .datepicker table tr td span:hover {
    background: #eeeeee none repeat scroll 0 0;
}
.inline-calendar .datepicker table tr td.active:active,
.inline-calendar .datepicker table tr td.active.highlighted:active,
.inline-calendar .datepicker table tr td.active.active,
.inline-calendar .datepicker table tr td.active.highlighted.active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: #eee !important;
    border-radius: 0;
    opacity: 0.5;
    font-weight: normal;
    font-size: 12px;
    color: #333 !important;
}
.datepicker table tr td,
.datepicker table tr th {
    font-family: var(--tfcw-primary-font);
}
.switch-field {
    margin-bottom: 36px;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -5px;
}

.switch-field input[type="radio"] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    background: #f1f3f6;
    color: #333;
    display: inline-block;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    margin: 5px !important;
    padding: 14px !important;
    text-align: center !important;
    flex: 1 0 calc(50% - 10.5px);
    min-width: 140px;
    /* max-width: calc(33.333% - 10px);  */
}

@media screen and (max-width: 1300px) {
    .switch-field label {
        padding: 12px !important;
    }
}

@media screen and (max-width: 1024px) {
    .switch-field label {
        padding: 12px 8px !important;
    }
}

@media screen and (max-width: 767px) {
    .switch-field label {
        padding: 12px 8px !important;
    }
}

.switch-field label:hover {
    cursor: pointer;
    background: var(--primary-color);
    color: #fff;
}

.switch-field input[type="radio"]:checked + label {
    background-color: #000;
    box-shadow: none;
    color: #fff;
}

.switch-field input[type="radio"].active + label {
    background-color: #000;
    box-shadow: none;
    color: #fff;
}

.slot_msg {
    display: none;
    font-size: 14px;
    color: #333;
    margin: 15px 0 0;
    font-weight: 600;
}
.show_datepicker.defaultBtn {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    max-width: 120px;
    padding: 5px 10px;
    text-decoration: none;
    width: 100%;
    font-style: normal;
}
.note_calander {
    font-size: 14px;
    color: #000;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.note_calander.note_time,
.note_calander_services.note_time_services,
.tf-slot-type-message {
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 14px;
}

.tf-slot-type-message {
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    .note_calander.note_time,
    .note_calander_services.note_time_services {
        display: none !important;
    }

    .note_calander.note-time-slot-type,
    .note_calander_services.note-time-slot-type {
        display: block !important;
    }
}

.tkf-container .cam-booking-note {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    color: #000 !important;
    text-transform: none !important;
    padding: 3px 0 0 !important;
    position: static !important;
    background: none !important;
    display: block !important;
}
.inline-calendar #datepicker,
#slots_response,
.rs-modal-footer .search-again-box {
    /* background: #fff;
    box-shadow: 0px 0px 8px 0px #ccc; */
    padding: 15px;
}
.inline-calendar #datepicker {
    background: none !important;
    max-width: 100% !important;
}
@media screen and (max-width: 1300px) {
    .inline-calendar #datepicker,
    #slots_response,
    .rs-modal-footer .search-again-box {
        padding: 10px;
    }
}
#slots_response {
    text-align: center;
}
.rs-modal-footer .search-again-box {
    margin-bottom: 30px;
}
.cartWrap.cart-thankyou .name-of-product {
    width: 85%;
    margin-right: 15px;
}

.rs_booking .inline-calendar #datepicker,
.rs_booking .card-layout #slots_response {
    padding: 0;
}

/*New Widget*/
.promotion-inner img {
    width: 100%;
}
.findMidSection .main-r-option.active .main-r-value:after {
    border-bottom: 2px solid #fff;
}
.findMidSection .main-r-option.active span {
    color: #fff;
}
.findMidSection {
    /*transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	-moz-transform: skewX(0deg);*/
}
.tkf-w-title {
    background: #000;
    border-radius: 35px 0 0 0;
    float: left;
    text-align: left;
    width: 100%;
    color: #fff;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    vertical-align: middle;
    padding: 10px 10px 10px 5px;
    box-sizing: border-box;
}
.tkf-w-title > small {
    float: right;
    margin-top: 15px;
}
.tkf-w-title .tkf-logo {
    background: url("../img/logo-home.png") no-repeat;
    background-size: contain;
    display: inline-block;
    height: 50px;
    max-width: 185px;
    padding: 5px 1px;
    vertical-align: middle;
    width: 100%;
}
.reg-number-plate {
    background: #f7c821 !important;
    border: 2px solid #000;
    display: block;
    position: relative;
    box-sizing: border-box;
    font-size: 28px;
    line-height: 1;
    font-family: var(--tfcw-primary-font);
    width: 100% !important;
    color: black;
    padding-left: 0;
    max-width: 100% !important;
    border-radius: 0 !important;
    /*transform: skewX(190deg);
	-webkit-transform: skewX(190deg);
	-moz-transform: skewX(0deg);
	-ms-transform: skewX(0deg);*/
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
    height: 50px;
}
.reg-number-plate input[type="text"]::placeholder {
    color: #737272 !important;
}

.reg-number-plate input[type="text"]:-ms-input-placeholder {
    color: #737272 !important;
}

.reg-number-plate input[type="text"]::-ms-input-placeholder {
    color: #737272 !important;
}
.api-tabs-content.api-full-content {
    width: 100%;
}
/*.confirm-vehicle .reg-number-plate,
.cart-page .reg-number-plate{
	transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	-moz-transform: skewX(0deg);
}*/
/* .cart-page.userDetails .contact-box {
    background: #000 !important;
    color: #fff;
    padding: 30px;
} */

.cart-page.userDetails .contact-box .contact-box {
    padding: 0;
}

.cart-page.userDetails .contact-box p {
    color: #000;
    font-size: 16px;
    font-style: normal;
}
.contact-box-services {
    margin-bottom: 20px;
}
.contact-box-services .ta-checkout-heading p {
    color: #000;
    font-style: normal;
    font-size: 14px;
}
.contact-box-services .ap-form label,
.contact-box-services .ap-form .label,
.contact-box-services .form-group label,
.contact-box-services .form-group .label {
    color: #000;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 5px;
}

.contact-box-services .ap-form label.error,
.contact-box-services .ap-form .label.error,
.contact-box-services .form-group label.error,
.contact-box-services .form-group .label.error {
    color: #ff1e1e;
    background-color: none !important;
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 0;
}
.contact-box-services .ap-form input[type="text"],
.contact-box-services .ap-form .form-control,
.contact-box-services .salutation-select-wrapper {
    display: block;
    width: 100% !important;
    height: 44px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    border: 1px solid #ddd !important;
    margin: 0;
    padding: 10px 15px !important;
    font-weight: 400 !important;
    outline: none !important;
    background: #fff !important;
    color: #000 !important;
    text-transform: none !important;
}

.contact-box-services .ap-form input[type="text"][readonly],
.contact-box-services .ap-form input[type="text"][disabled],
.contact-box-services .ap-form input[type="text"]:disabled,
.contact-box-services .ap-form .form-control[readonly],
.contact-box-services .ap-form .form-control[disabled],
.contact-box-services .ap-form .form-control:disabled {
    background: #eee !important;
    pointer-events: none !important;
}

.contact-box-services .ap-form .tkf-input-group > input[type="text"],
.contact-box-services .ap-form .tkf-input-group > .form-control {
    width: 1% !important;
}

.contact-box-services .ap-form .tkf-input-group input[type="text"].error,
.contact-box-services .ap-form .tkf-input-group input.error {
    margin-bottom: 22px !important;
}

.contact-box-services .ap-form .tkf-input-group input[type="text"].error ~ .input-group-append,
.contact-box-services .ap-form .tkf-input-group input.error ~ .input-group-append {
    align-self: flex-start;
}
.contact-box-services .ap-form .tkf-input-group input[type="text"].error ~ .error,
.contact-box-services .ap-form .tkf-input-group input.error ~ .error {    
    position: absolute;
    left: 0;
    bottom: 0;
}

.contact-box-services .salutation-select-wrapper {
    padding: 0 !important;
    background: #fff !important;
}

.contact-box-services .salutation-select-wrapper .salutation {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    color: #000 !important;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
}

.contact-box-services .salutation-select-wrapper .salutation option {
    background: none !important;
    color: #000 !important;
}
.contact-box h4 {
    margin-bottom: 0;
}
.cart-page.userDetails .contact-box .ta-checkout-heading {
    margin: 0;
}
.cart-page.userDetails .contact-box .ta-checkout-heading h4 {
    font-size: 20px;
    margin: 0 0 10px;
    color: #000;
}
.cart-page.userDetails .contact-box .ta-checkout-heading h4.not-first {
    margin: 20px 0 10px;
}
.cart-page.userDetails .contact-box .ap-subheading {
    font-size: 14px;
    padding: 5px 15px;
    line-height: 1.4;
}
.cart-page.userDetails .contact-box .form-wrapper {
    padding: 0 15px 20px;
}
.ta-checkout-action-wrapper .ch-btn {
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
}
.cart-page.userDetails .contact-box .ap-page-heading {
    margin: 0;
}
.reg-number-plate input[type="text"] {
    background: #f7c821 !important;
    box-shadow: none !important;
    border: 0 !important;
    color: #000 !important;
    font-family: var(--tfcw-primary-font);
    font-size: 28px !important;
    font-weight: bold !important;
    height: 100% !important;
    line-height: 32px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin: 0 !important;
    padding: 7px 14px;
}
.reg-number-plate img {
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
}
.reg-number-plate ::placeholder,
.reg-number-plate ::-moz-placeholder {
    /* Firefox 19+ */
    color: black;
    opacity: 1;
}
.findMidSection .rim-size,
.findMidSection .rim-size.wheel {
    float: left;
    padding: 0 20px;
    position: relative;
    width: 80%;
}
.findMidSection .rim-size.wheel {
    padding: 0;
    width: 100%;
}
.findMidSection .rim-size:before {
    background: url(../img/rim-size-tyre.png) no-repeat;
    content: "";
    height: 357px;
    left: -160px;
    position: absolute;
    top: -50px;
    width: 361px;
}
.findMidSection .rim-size.wheel:before {
    background: url(../img/rim-size-wheel.png) no-repeat;
    content: "";
    height: 357px;
    left: -160px;
    position: absolute;
    top: -50px;
    width: 361px;
    background-size: 45%;
    background-position: 75% 23%;
}
.findMidSection .rim-size h3 {
    color: #fff;
    font-size: 17px;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    margin: 5px 0;
    padding: 0 10px;
}
.findMidSection .rim-size.wheel h3 {
    display: inline;
    font-size: 14px;
}
.main-r-option p {
    margin: 0px;
    text-align: left;
    font-style: italic;
}
.findMidSection .rim-size .rim-size-btn {
    position: relative;
}
.findMidSection .rim-size .rim-size-btn form {
    margin: 0;
}
.findMidSection .tyre-mot {
    background: #000;
    float: left;
    height: 200px;
    width: 40%;
    position: relative;
    border-right: 2px solid #ddd;
    padding: 0 20px;
}
.findMidSection .tyre-mot h3 {
    color: #fff;
    font-size: 17px;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    margin: 5px 0;
    margin-top: 20px;
}
.tyre-mot .mot-inputs input[type="text"],
.tyre-mot .mot-inputs select {
    width: 100%;
    height: 50px;
    display: block;
    padding: 10px;
    margin: 0;
    border: 2px solid #ddd;
    text-align: center;
    font-size: 22px;
}
.findMidSection .main-r-value {
    width: 45%;
    position: relative;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}
.findMidSection .main-r-option span {
    background: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    font-family: var(--tfcw-primary-font);
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    width: 35px;
    text-align: center;
    height: 35px;
    border-radius: 50%;
    line-height: 35px;
    border: 2px solid;
    color: #3e9a33;
    transform: rotate(32deg);
    -webkit-transform: rotate(32deg);
}
.findMidSection .wheel .main-r-option span {
    background: transparent;
    display: inline;
    width: 100%;
    height: 35px;
    border: none;
    transform: none;
    -webkit-transform: none;
}
.findMidSection .main-r-option.profile .main-r-value:after {
    left: 62px;
}
.findMidSection .main-r-option.rim-size-icon .main-r-value:after {
    left: 77px;
}
.findMidSection .main-r-option.speed-icon .main-r-value:after {
    left: 82px;
}
.findMidSection .main-r-option.profile span {
    margin-left: 25px;
    transform: rotate(64deg);
    -webkit-transform: rotate(64deg);
}
.findMidSection .main-r-option.rim-size-icon span {
    margin-left: 40px;
    transform: rotate(79deg);
    -webkit-transform: rotate(79deg);
}
.findMidSection .main-r-option.speed-icon span {
    margin-left: 45px;
    transform: rotate(99deg);
    -webkit-transform: rotate(99deg);
}

.main-r-option {
    position: relative;
    padding: 0;
    display: block;
    width: 100%;
    text-align: right;
}
.main-r-option .select-r-option {
    background: #445ca4;
    background: -moz-linear-gradient(top, #445ca4 0%, #374f97 2%, #37519b 6%, #334d98 8%, #344e9b 10%, #213d90 29%, #19378d 43%, #18368e 55%, #1c368a 76%, #16307b 96%, #0f2674 98%, #20387e 100%);
    background: -webkit-linear-gradient(top, #445ca4 0%, #374f97 2%, #37519b 6%, #334d98 8%, #344e9b 10%, #213d90 29%, #19378d 43%, #18368e 55%, #1c368a 76%, #16307b 96%, #0f2674 98%, #20387e 100%);
    background: linear-gradient(to bottom, #445ca4 0%, #374f97 2%, #37519b 6%, #334d98 8%, #344e9b 10%, #213d90 29%, #19378d 43%, #18368e 55%, #1c368a 76%, #16307b 96%, #0f2674 98%, #20387e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#445ca4', endColorstr='#20387e',GradientType=0 );
    display: inline-block;
    overflow: hidden;
    right: 0;
    width: 40%;
    position: relative;
    vertical-align: middle;
    z-index: 2;
    margin-bottom: 3px;
}
.select-r-option:after {
    content: "\f0dc";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    pointer-events: none;
    color: #8795c3;
}
.main-r-option .select-r-option select {
    background: none;
    color: #fff;
    font-size: 14px;
    font-style: italic;
    line-height: 14px;
    border: none;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    width: 95% !important;
    position: relative;
    z-index: 9999;
    height: auto;
    padding: 5px;
    margin: 0;
    line-height: 25px;
    text-overflow: ellipsis;
}
.main-r-option .select-r-option select option {
    background: #000;
    color: #fff;
    text-transform: capitalize;
}
.findMidSection .main-r-option .main-r-value:after {
    content: "";
    position: absolute;
    color: transparent;
    border-bottom: 2px solid #3e9a33;
    left: 37px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    z-index: 1;
}
.no-vrm {
    display: none !important;
}
.vehicle-specs-wrapper {
    margin: 0 0 10px;
    overflow: hidden;
}
/*New Widget*/
.specialTyre h3 {
    color: #000;
    font-size: 24px;
    font-style: italic;
    margin: 0;
    padding: 10px;
}

.apiBreadcrumb {
    background: #727272;
    padding: 10px;
    border-radius: 20px 20px 0px 0px;
}
.apiBreadcrumb ol {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 80%;
}
.apiBreadcrumb ol li {
    display: inline-block;
    list-style: none;
}
.apiBreadcrumb ol li + li::before {
    color: #fff;
    content: "/ ";
    padding: 0 5px;
}
.apiBreadcrumb ol li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}
.apiCartIcon.homeCartIcon {
    display: inline-block;
    width: 5%;
    text-align: center;
    float: right;
    margin-top: 15px;
}
.tkf-container .apiCartIcon.homeCartIcon i.fa.fa-cart-plus {
    color: #fff;
}
.apiCartIcon {
    display: inline-block;
    width: 52px !important;
    text-align: right;
    padding: 15px !important;
}
.apiCartIcon a {
    position: relative;
}
.apiProductCount {
    position: absolute;
    background: #ff0000;
    color: #fff;
    right: -10px;
    top: -5px;
    border-radius: 10px;
    font-size: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
}
.section-shades {
    background: #ebebeb;
    background: -moz-linear-gradient(top, #ebebeb 0%, #f8f8f8 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #f8f8f8 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#f8f8f8', GradientType=0);
}
.confirm-vehicle {
    position: relative;
    padding: 0 10px 10px;
}
.confirm-vehicle h1 {
    border-bottom: 1px solid #d2d2d2;
    color: #000;
    margin-bottom: 0;
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
}
.search_again {
    background: var(--primary-color);
    border-radius: 3px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 24px !important;
    font-weight: 500;
    line-height: 50px;
    text-decoration: none;
    /* width: 35%; */
    text-align: center;
    margin: 10px auto;
}
.vt-tyre-size {
    background: #eee;
    border-radius: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 20px;
}

.confirm-vehicle .v-note {
    display: block;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 15px;
    margin-top: 10px;
    text-align: right;
}
.confirm-vehicle p {
    color: #666666;
    font-size: 20px;
    font-style: italic;
    line-height: 20px;
    margin: 0 0 10px;
}
.confirm-vehicle small span {
    color: #000;
    font-weight: bold;
}
.vt-select-size {
    border: none;
    overflow: hidden;
    padding: 7px 0;
}
.vt-select-size .vt-select-size-col {
    display: flex;
    flex-flow: row wrap;
}
.vt-select-size .checkbox,
.vt-select-size .radio {
    display: flex;
    position: relative;
    padding: 0;
    width: 100%;
}
.vt-select-size .checkbox label,
.vt-select-size .radio label {
    font-size: 17px;
    font-weight: 600;
    padding: 0;
    color: #333333;
    cursor: pointer;
    line-height: 24px;
    display: flex !important;
    width: 100%;
    flex-flow: row wrap;
}
.vt-select-size .checkbox label small {
    color: #888888;
    font-size: 15px;
    margin-left: 5px;
    font-weight: 500;
}
.continue-top-text i {
    font-size: 50px;
    color: var(--primary-color) !important;
    margin-bottom: 15px;
}
.continue-top-text p {
    font-size: 16px;
    line-height: 1.4;
    font-style: normal;
    font-weight: 400;
    max-width: 800px;
    margin: 0 auto 30px;
    color: var(--primary-color);
}
.continue-top-text p u {
    color: #000;
    font-weight: 500;
}
.search-box {
    text-align: left;
    padding-top: 8px;
    margin: 0;
    padding: 8px 0 0;
    background: none;
    border: none;
}
.search-box p {
    color: var(--primary-color);
    font-size: 13px !important;
    line-height: 18px !important;
    font-style: normal;
    font-weight: 500;
}
.search-box a {
    color: var(--primary-color) !important;
    display: inline-block !important;
    vertical-align: top;
    text-decoration: underline !important;
    font-size: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    font-weight: inherit !important;
}
.search-box a:hover {
    text-decoration: none !important;
}
.search-again-box {
    text-align: center;
}
.search-again-box .fa.fa-check-circle {
    font-size: 50px;
    color: var(--primary-color) !important;
    margin-bottom: 15px;
}
.search-again-box .v-note {
    font-size: 30px;
    color: var(--primary-color);
}
.confirm-vehicle span.cr {
    background: #e5e5e5 none repeat scroll 0 0;
    color: #000;
    margin-right: 0;
    border-color: #e5e5e5;
    border-radius: 25px;
    width: 25px;
    height: 25px;
    box-shadow: 0px 0px 9px 0px inset #ccc;
    flex-shrink: 0;
}
@media screen and (max-width: 1400px) and (min-width: 1280px) {
    .confirm-vehicle span.cr {
        width: 20px;
        height: 20px;
    }
}
.checkbox-area {
    display: inline-block;
    margin-bottom: 10px;
}
.vt-tyre-size > small {
    color: #333;
    display: block;
    margin: 5px 0 15px;
    font-size: 15px;
    line-height: 1.4;
}
.vt-vrm-button .btn-continue,
.modal-controls .btn-continue {
    font-family: var(--tfcw-primary-font);
    font-size: 20px;
    font-weight: bold;
    height: auto;
    padding: 5px;
    border: none;
    width: 100%;
    font-size: 25px !important;
}

.vt-vrm-button .btn-continue {
    font-size: 16px;
    width: 100% !important;
}
.search-again-box .v-note {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.6;
    font-style: normal;
}
.search-again-box .v-note a {
    display: block;
}
.search-again-box .v-note a i.fa {
    color: #fff;
}
.vt-vrm-button {
    text-align: center;
}
.rs_modal .vt-gdpr {
    max-width: 960px;
}
.vt-gdpr {
    display: block;
    margin: 0 auto;
    padding: 10px 20px;
    text-decoration: underline;
    width: 100%;
    cursor: pointer;
}
/* /Brands Page */
/* Check Box */
.checkbox label:after,
.radio label:after {
    content: "";
    display: table;
    clear: both;
}
.checkbox .cr,
.radio .cr {
    background: #fff;
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0.1em;
    width: 1.5em;
    height: 1.5em;
    float: left;
    cursor: pointer;
    margin-right: 0.5em;
}
.radio .cr {
    border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: 1em;
    line-height: 0;
    top: 50%;
    left: 50%;
    color: var(--primary-color);
    font-family: "Font Awesome 5 Free";
    transform: translate(-50%, -50%);
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    /*transform: scale(3) rotateZ(-20deg);
  transition: all 0.2s ease-in;
  */
    opacity: 0;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: 0.5;
}

.checkbox label .box-layout,
.radio label .box-layout {
    display: flex !important;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    line-height: 16px;
    transition: border 0.2s ease;
    width: 100%;
    gap: 5px;
}
@media screen and (min-width: 576px) {
    .checkbox label .box-layout,
    .radio label .box-layout {
        padding: 10px 5px;
    }
}

@media screen and (max-width: 480px) {
    .checkbox label .box-layout,
    .radio label .box-layout {
        flex-direction: column;
        padding: 10px 5px;
    }

    .confirm-vehicle .checkbox label .box-layout span.cr {
        margin: 0 0 2px;
    }

    .checkbox label .box-layout .tyre-meta,
    .radio label .box-layout .tyre-meta {
        flex-grow: inherit !important;
    }
}

.checkbox label .box-layout:hover,
.radio label .box-layout:hover {
    border-color: var(--primary-color);
}

.checkbox input[type="checkbox"]:disabled ~ .box-layout,
.radio input[type="checkbox"]:disabled ~ .box-layout,
.checkbox input[type="radio"]:disabled ~ .box-layout,
.radio input[type="radio"]:disabled ~ .box-layout,
.radio .box-layout.disabled,
.checkbox .box-layout.disabled {
    border-color: #e1e1e1;
    background: #ececec;
    cursor: default;
    position: relative;
}
.radio .box-layout.disabled:hover,
.checkbox .box-layout.disabled:hover {
    border-color: #e1e1e1;
}

.checkbox input[type="checkbox"]:disabled ~ .box-layout:before,
.radio input[type="checkbox"]:disabled ~ .box-layout:before,
.checkbox input[type="radio"]:disabled ~ .box-layout:before,
.radio input[type="radio"]:disabled ~ .box-layout:before,
.radio .box-layout.disabled:before,
.checkbox .box-layout.disabled:before {
    content: 'Same as Front';
    position: absolute;
    top: -8px;
    left: 4px;
    display: block;
    background: #fff;
    font-size: 10px;
    line-height: 1;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #e1e1e1;
    padding: 2px 5px;
}

.checkbox input[type="checkbox"] ~ * .cr > .cr-icon,
.radio input[type="checkbox"] ~ * .cr > .cr-icon,
.checkbox input[type="radio"] ~ * .cr > .cr-icon,
.radio input[type="radio"] ~ * .cr > .cr-icon {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.checkbox input[type="checkbox"]:checked ~ *,
.radio input[type="checkbox"]:checked ~ *,
.checkbox input[type="radio"]:checked ~ *,
.radio input[type="radio"]:checked ~ * {
    border-color: var(--primary-color);
}

.checkbox input[type="checkbox"]:checked ~ * .cr > .cr-icon,
.radio input[type="checkbox"]:checked ~ * .cr > .cr-icon,
.checkbox input[type="radio"]:checked ~ * .cr > .cr-icon,
.radio input[type="radio"]:checked ~ * .cr > .cr-icon {
    opacity: 1;
}

.checkbox label .box-layout .tyre-label,
.radio label .box-layout .tyre-label {
    position: absolute;
    top: -9px;
    right: 10px;
    background: #fff;
    color: var(--primary-color);
    padding: 2px;
    margin: 0 !important;
    font-size: 12px;
    line-height: 1;
    display: none;
}
.checkbox label .box-layout .tyre-meta,
.radio label .box-layout .tyre-meta {
    flex-grow: 1;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    margin: 0 -3px;
}
.checkbox label .box-layout .tyre-meta.mobile-hidden {
    display: none;
}
.checkbox label .box-layout .tyre-meta.mobile-visible {
    display: flex;
    justify-content: flex-start;
    font-size: 13px;
}
.checkbox label .box-layout .tyre-meta.mobile-visible .tyre-meta-col {
    text-align: center;
    padding: 0;
}
.checkbox label .box-layout .tyre-meta.mobile-visible .tyre-meta-col strong {
    padding: 0;
}
@media screen and (min-width: 480px) {
    .checkbox label .box-layout .tyre-meta.mobile-visible {
        font-size: 16px;
    }
    .checkbox label .box-layout .tyre-meta.mobile-visible .tyre-meta-col {
        text-align: left;
        padding-left: 10px;
    }
}
@media screen and (min-width: 576px) {
    .checkbox label .box-layout .tyre-meta.mobile-hidden {
        display: flex;
    }
    .checkbox label .box-layout .tyre-meta.mobile-visible {
        display: none;
    }
}


.checkbox label .box-layout .tyre-meta .tyre-meta-col,
.radio label .box-layout .tyre-meta .tyre-meta-col {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-flow: column nowrap;
    text-align: center;
    padding: 3px;
}
.checkbox label .box-layout .tyre-meta .tyre-meta-col strong,
.radio label .box-layout .tyre-meta .tyre-meta-col strong {
    font-weight: 600;
    display: block;
    padding: 2px 0 0;
}

.checkbox label .box-layout .tyre-meta .speed-label-wrap,
.radio label .box-layout .tyre-meta .speed-label-wrap {
    display: none;
}

@media screen and (min-width: 1200px) {
    .checkbox label .box-layout .tyre-meta .tyre-meta-col,
    .radio label .box-layout .tyre-meta .tyre-meta-col {
        white-space: nowrap;
    }
}

@media screen and (min-width: 1470px) {
    .checkbox label .box-layout .tyre-meta .speed-label-text,
    .radio label .box-layout .tyre-meta .speed-label-text {
        display: none;
    }

    .checkbox label .box-layout .tyre-meta .speed-label-wrap,
    .radio label .box-layout .tyre-meta .speed-label-wrap {
        display: block;
    }
}

.extra-service .checkbox {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
}
.defaultBtn {
    background: #000;
    border: 2px solid #000;
    border-radius: 0px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-style: italic;
    line-height: 28px;
    padding: 5px 10px;
    text-align: center;
    max-width: 120px;
    text-decoration: none;
    margin-left: 10px;
}
.values-added {
    display: flex;
    flex: 1;
    align-items: center;
    padding: 0 10px;
    color: #fff;
}
.values-added > div {
    display: flex;
    align-items: center;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid #ddd;
    font-size: 14px;
}
.values-added > div:last-child {
    border-right: none;
}
.values-added > div label {
    font-weight: 500;
    color: #fff !important;
}
.values-added p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    max-width: 200px;
    padding: 0 5px;
}
.TyreDetails,
.SpecialTyre-sm,
.Brands-sm,
.Rating-sm {
    background: #000;
    border-bottom: 1px solid #777;
    width: 100%;
    float: left;
}
.SpecialTyre-sm .ap-extra-filters {
    padding: 10px;
    text-align: left;
    width: 100%;
}
.SpecialTyre-sm .ap-extra-filters h4 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 5px;
}
.refineTyreDetail .Price {
    padding-bottom: 30px;
    float: left;
    width: 100%;
    background: #000;
    border-bottom: 1px solid #777;
}
.refineTyreDetail .Price .PriceSlider {
    padding: 0 30px;
}
.refineTyreDetail .sort {
    padding: 0 10px 10px;
    float: left;
    width: 100%;
}
.Brands-sm ul {
    margin: 0;
    padding: 0;
}
.Brands-sm ul li {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    font-family: var(--tfcw-primary-font);
    font-size: 13px;
    line-height: 1.42857;
    list-style: outside none none;
    margin: 5px;
    padding: 10px;
    position: relative;
    text-align: left;
    width: 45%;
}
.Brands-sm .checkbox {
    display: inline-block;
    float: right;
    margin: 0;
    min-height: auto;
    padding: 0;
}
.Brands-sm .checkbox label {
    padding: 0;
}
.refineTyreDetail {
    background: #000;
    box-sizing: border-box;
    color: #ffffff;
    display: none;
    text-align: center;
    width: 100%;
    z-index: 999999;
}
.refineTyreDetail .main-wrapper {
    display: none;
}
.refineTyreDetail h3 {
    color: #fff;
    font-style: normal;
    margin: 0;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    text-align: left;
    font-size: 16px;
}
.refineTyreDetail > i {
    float: right;
    font-size: 25px;
    line-height: 1.42857;
    top: 20px;
    position: relative;
    right: 18px;
    color: #fff;
}
.refineTyreDetail a {
    position: relative;
    width: 100%;
    display: block;
    text-decoration: none;
    padding: 10px;
}
.tkf-container .refineTyreDetail a i.fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 10px;
    color: #fff;
    font-size: 18px;
    line-height: 1.42857;
}
.refineTyreDetail .sort .main-r-option > a {
    width: 140px;
}
.refineTyreChoice {
    background: #3e9a33;
    width: 100%;
    color: #fff;
    padding: 10px;
    position: relative;
    z-index: 10;
}
.refineTyreChoice.dark-bg {
    height: 60px;
    padding: 0 10px;
}
.refineTyreChoice .rim-size-btn form,
.refineTyreChoice .rim-size-btn {
    position: relative;
    display: flex;
}
.refineTyreChoice .rim-size-btn form {
    width: 100%;
}

.refineTyreChoice .rim-size {
    display: none;
    width: 100%;
}
.rim-option-title {
    padding: 17px 10px;
    display: inline-block;
    vertical-align: top;
}

.rim-size-wrapper {
    flex: 1;
    display: flex;
}
.rim-size-wrapper form {
    display: flex;
}

.rim-option-title h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
}
@media screen and (max-width: 1300px) {
    .refineTyreChoice .rim-size-btn form,
    .refineTyreChoice .rim-size-btn,
    .refinedTyreChoice {
        flex-flow: row wrap;
    }
    .rim-option-title {
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }

    .refinedTyreChoice .values {
        justify-content: flex-end;
        width: 100%;
    }

    .rim-option-title h3,
    .refinedTyreChoice strong {
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
    }

    .refinedTyreChoice strong {
        width: 100%;
    }
}
.rim-option {
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 10px;
    flex: 1;
    vertical-align: middle;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
}

.rim-option:last-child:after {
    border-right: medium none;
}
.rim-option .selectBox:after {
    content: "\f0d7"; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-style: normal;
    color: #fff;
}
.rim-option .selectBox {
    background: #000;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    flex: 1;
    margin-left: 10px;
    vertical-align: middle;
    overflow: hidden;
}
.rim-option .selectBox select {
    background: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #fff !important;
    width: 100% !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    text-overflow: ellipsis;
    padding: 5px !important;
    box-sizing: border-box;
    margin: 0;
}
.rim-option .selectBox select option {
    background: #000 !important;
    color: #fff !important;
    text-transform: capitalize;
}
.rim-option .selectBox select option:hover,
.rim-option .selectBox select option:focus,
.rim-option .selectBox select option:active {
    background: linear-gradient(#000000, #000000);
    background-color: #000000 !important; /* for IE */
    color: #fff !important;
}

.rim-option .selectBox select option:checked {
    background: linear-gradient(#000, #000);
    background-color: #000 !important; /* for IE */
    color: #fff !important;
}
.rim-option .refine-result {
    margin: 0;
}
/*.wheel-page .rim-option .selectBox{
	width:180px;
}*/
.specialTyre {
    background: #ebebeb;
    -webkit-box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.25);
    width: 100%;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.specialTyre h2:before {
    background: none !important;
}
.specialTyre h2 {
    border-bottom: 1px solid #cccccc;
    color: #000;
    font-size: 18px !important;
    font-weight: 300 !important;
    margin: 10px 10px 0 !important;
    padding-bottom: 10px !important;
    text-transform: uppercase;
}
.topFilterArrow {
    position: relative;
    color: #000;
    display: inline-block;
    padding: 10px 10px 15px;
    margin: 0;
    vertical-align: top;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    width: 33%;
}
.topFilterArrow:last-child {
    border-right: none;
}
.topFilterArrow .radio .cr,
.topFilterArrow .checkbox .cr {
    float: none;
    vertical-align: middle;
    margin-right: 0;
    background: #fff;
}
.topFilterArrow .radio .cr .cr-icon {
    margin-left: -0.04em;
    color: #000;
}
.topFilterArrow .radio label,
.topFilterArrow .checkbox label {
    padding-left: 0;
    padding-right: 10px;
    font-weight: lighter;
    font-size: 13px;
    display: inline-block;
}
.topFilterArrow .radio,
.topFilterArrow .checkbox {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.topFilterArrow .checkbox .cr {
    float: none;
    vertical-align: middle;
}
.topFilterArrow .filter-title {
    font-weight: bold;
    display: block;
    text-align: left;
    font-family: var(--tfcw-primary-font);
    margin-bottom: 10px;
    width: 100%;
}
.topFilterArrow .opt-wrapper {
    display: inline-block;
}
.SpecialTyre-sm .topFilterArrow {
    padding: 10px;
    width: 100%;
    text-align: left;
}

.inner-page {
    background: #fff;
    overflow: hidden;
}
.tkf-product-page {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.filter-sidebar {
    background: #ededed;
    border: 1px solid #ddd;
    border-radius: 15px 0px 15px;
    margin-bottom: 100px;
    padding: 10px 10px 100px 10px;
    box-sizing: border-box;
    float: left;
    width: 20%;
}
.wheel-search-content .filter-sidebar {
    display: none;
}
.filter-sidebar form {
    padding: 0;
    margin: 0;
}
.colors-list li,
.brands-list li,
.styles-list li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: 10px;
}
.filter-result h3 {
    color: #fff !important;
    font-family: var(--tfcw-primary-font);
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.42857 !important;
    margin: 0 !important;
}
.filter-result h4 {
    font-size: 12px;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    font-weight: bold;
    color: #000;
    margin: 0;
    text-transform: uppercase;
}
.filter-result ul {
    padding: 0 5px 0 0;
    margin: 20px 0 0;
}

.filter-result ul li {
    font-size: 14px;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    font-weight: 300;
    color: #000;
    list-style: none;
    margin-bottom: 21px;
    text-transform: uppercase;
    padding: 0 30px 0 0 !important;
    position: relative;
}
.filter-result ul li .checkbox,
.filter-result ul li .radio {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
}
.filter-result ul li .checkbox .cr,
.filter-result ul li .radio .cr {
    margin: 0 !important;
}
.filter-result ul li > i {
    font-size: 15px;
    line-height: 1.42857;
    margin-right: 5px;
}
.noresultfound {
    text-align: center;
    display: block;
    width: 100%;
    padding-bottom: 50px;
}
.noresultfound a {
    background: #d2d2d2;
    border-radius: 4px;
    padding: 10px 20px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
}
.noresultfound h1 {
    text-align: center;
    font-style: normal;
    color: #000;
    font-size: 22px;
    margin-bottom: 20px;
}
.ap-extra-filters .selectBox:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-style: normal;
    font-weight: 900;
    color: #fff;
}
.ap-extra-filters .selectBox {
    background: #3e559e;
    background: -moz-linear-gradient(top, #3e559e 0%, #364d96 22%, #203780 59%, #102770 89%, #0c236c 100%);
    background: -webkit-linear-gradient(top, #3e559e 0%, #364d96 22%, #203780 59%, #102770 89%, #0c236c 100%);
    background: linear-gradient(to bottom, #3e559e 0%, #364d96 22%, #203780 59%, #102770 89%, #0c236c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e559e', endColorstr='#0c236c',GradientType=0 );
    display: inline-block;
    height: 35px;
    position: relative;
    width: 100%;
    border-radius: 5px;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 10px;
}
.ap-extra-filters .selectBox select {
    background: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #fff;
    height: 35px;
    width: 140% !important;
    padding: 0 10px;
}
.ap-extra-filters .selectBox select option {
    color: #000;
    text-transform: capitalize;
}

.tkf-hero-product-area,
.tkf-product-area {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    padding-right: 0px;
}
.wheel-search-content .tkf-hero-product-area {
    width: 100%;
}
.wheel-search-content .tkf-heroBoxes {
    width: 25%;
}
.tkf-product-area .ap-page-heading {
    margin-left: 15px;
}

/*popup style*/
.cd-popup {
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    position: fixed;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: hidden;
    width: 100%;
    z-index: 99999;
    display: flex;
    padding: 15px;
    overflow: hidden;
    overflow-y: auto;
}
.cd-popup.is-visible {
    opacity: 1;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}
.cd-popup.is-visible.popup_recommended_services_modal {
    display: flex !important;
}
.cd-popup-container {
    background: #fff none repeat scroll 0 0;
    border-radius: 0.25em 0.25em 0.4em 0.4em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    margin: auto !important;
    max-width: 575px;
    overflow: hidden;
    position: relative;
    text-align: center;
    transform: translateY(-40px);
    transition-duration: 0.3s;
    transition-property: transform;
    width: 100%;
}
.cd-popup.is-visible .cd-popup-container {
    transform: translateY(0);
}
.cd-popup-container .cd-buttons::after {
    clear: both;
    content: "";
    display: table;
}
.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
}
.cd-popup-container .cd-buttons a {
    color: #fff;
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    transition: background-color 0.2s ease 0s;
}
.cd-popup-container .cd-buttons li:first-child a {
    background: #fc7169 none repeat scroll 0 0;
    border-radius: 0 0 0 0.25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
    background: #b6bece none repeat scroll 0 0;
    border-radius: 0 0 0.25em;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c5ccd8;
}
.cd-popup-close {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 20px;
    color: #444;
}
.btn-popup-close {
    border: none;
    border-radius: 5px;
    position: relative;
    top: 0;
    right: 0;
    float: right;
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 12px;
    max-width: 80px;
}
.btn-close:hover {
    color: #000;
}

.dialogHeader {
    background: #ededed;
    color: #000;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    padding: 10px 35px 10px 10px;
    text-align: left;
}

.dialogContent {
    color: #000;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}
.cd-confirm-content .dialogContent {
    text-align: center;
    padding: 30px;
    font-size: 20px;
    line-height: 1.275;
    font-weight: 500;
    color: #000;
}

.cd-confirm-content .dialogContent #cart_message {
    font-size: 20px;
    line-height: 1.275;
    font-weight: 500;
    color: #000;
    padding: 14px 0;
}

.cd-confirm-content .dialogContent #cart_message p {
    margin: 0 !important;
}

.cd-confirm-content .dialogContent p {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
}

.cd-confirm-content .dialogContent #cart_message span {
    color: var(--primary-color) !important;
}

.cd-confirm-content .front-rear-text-note-wrap {
    margin: 10px 0 5px;
}

.cd-confirm-content .front-rear-text-note-wrap p {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.cd-confirm-content .dialogContent .confirmation-icon {
    margin-bottom: 10px;
}
.cd-confirm-content .dialogContent .btn-continue {
    display: block;
    width: 100%;
}
/* .cd-confirm-content .dialogContent span {
    color: var(--primary-color) !important;
} */

.cd-confirm-content .dialogContent .btn-continue {
    display: block;
    width: 100%;
}

.cd-confirm-content .dialogContent .modal-controls {
    display: flex;
    flex-flow: row wrap;
    /* margin: 0 -5px; */
}
.cd-confirm-content .dialogContent .modal-controls [class*="btn "],
.cd-confirm-content .dialogContent .modal-controls [class^="btn"] {
    flex: 1 0 0;
    font-size: 20px !important;
    line-height: 24px !important;
    min-height: 1px !important;
    margin: 5px 0;
    padding: 11px 12px !important;
    font-weight: 700 !important;
    font-family: var(--tfcw-primary-font);
    border-radius: 2px !important;
    width: 100% !important;
    min-width: 150px !important;
    background: #000 !important;
    border: 1px solid transparent;
    cursor: pointer;
}
.cd-confirm-content .dialogContent .modal-controls [class*="btn "].btn-continue,
.cd-confirm-content .dialogContent .modal-controls [class^="btn"].btn-continue {
    background: var(--primary-color-btn) !important;
    border: 1px solid var(--primary-color-btn) !important;
    color: var(--primary-color-btn-text);
}
@media screen and (max-width: 767px) {
    .cd-confirm-content .dialogContent {
        padding: 35px 15px 20px;
        font-size: 16px;
    }

    .cd-confirm-content .dialogContent .modal-controls [class*="btn "],
    .cd-confirm-content .dialogContent .modal-controls [class^="btn"] {
        font-size: 18px !important;
        line-height: 22px !important;
    }
}

.cd-confirm-content .dialogContent .modal-controls [class*="btn "].view-front-rear-link,
.cd-confirm-content .dialogContent .modal-controls [class^="btn"].view-front-rear-link {
    font-size: 16px !important;
    line-height: 20px !important;
    padding: 0 !important;
    color: var(--primary-color) !important;
    text-decoration: underline !important;
    width: auto !important;
    background: none !important;
    border: none !important;
    display: inline-block !important;
    vertical-align: top !important;
    border-radius: 0 !important;
    font-weight: 400 !important;
}
/* .cart-page .box-holder .grid-100,
.cart-page .cart-section .grid-100 {
    padding: 0 10px;
} */

.total-amount-section.box-holder > .grid-100 {
    padding: 0;
}
.cart-page .box-holder .grid-100 > div {
    background: #fff;
    box-shadow: 0px 0px 8px 0px #ccc;
    margin-bottom: 25px;
    padding: 10px;
    overflow: hidden;
}
.cart-page .box-holder .heading h3 {
    font-size: 30px;
    line-height: 1;
    margin: 10px;
    position: relative;
    cursor: pointer;
}
.cart-page .your-booking-detail.box-holder.basket .grid-100 > div {
    margin: 10px;
}
.cart-page .your-booking-detail.box-holder.basket .grid-100 > div .heading {
    margin-top: 30px;
}
.cart-page .your-booking-detail.box-holder.basket .grid-100 > div .heading:first-child {
    margin-top: 0px;
}
.cart-page .your-booking-detail.box-holder.basket .grid-100 > div .heading:first-child h3 {
    color: #fff;
    font-size: 20px;
    margin: 15px 0 10px;
}
.cart-page .your-booking-detail.box-holder.basket .cartSection .qty-holder {
    background: #fff;
}
.cart-page .your-booking-detail.box-holder.basket .side-cart-control {
    padding: 0;
    float: none;
    margin: 15px -15px;
    width: auto;
}
.cart-page .price-box {
    background: #fff;
    box-shadow: 0px 0px 5px rgb(0, 0, 0, 25%);
    padding: 30px;
    text-align: center;
    font-size: 20px;
    color: var(--primary-color);
}
.cart-page .price-box p {
    margin: 0;
}
.cart-page .price-box strong {
    margin: 15px 0 0;
    display: block;
    font-size: 22px;
}
.cart-page .your-booking-detail.box-holder {
    float: left;
    width: 100%;
}
.cart-page .cart-section.box-holder {
    float: left;
    width: 100%;
}
.booking-detail-holder {
    padding: 30px;
    box-shadow: 0px 0px 5px rgb(0, 0, 0, 25%);
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}
.rs_modal_cart .booking-detail-holder {
    margin-top: 0;
}
.rs_modal_cart .bookingLocator h3 {
    color: #000 !important;
}
.rs_modal_cart .bookingLocator .bookingGrid p {
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
}
#timeSlotCalendar {
    padding: 0;
    clear: both;
}
#timeSlotCalendar .booking-procedure {
    padding-top: 0;
}
#timeSlotCalendar .booking-procedure h3 {
    font-size: 24px;
    color: #000;
}
#timeSlotCalendar #datepicker {
    box-shadow: none;
    padding: 1px;
    border: 1px solid #ccc;
}
.inline-calendar .datepicker-inline tr th {
    background: var(--primary-color);
}
#timeSlotCalendar #datepicker .datepicker-inline tr td,
#timeSlotCalendar #datepicker .datepicker-inline tr td.disabled,
#timeSlotCalendar #datepicker .datepicker-inline tr th {
    padding: 12px 8px;
    font-size: 15px !important;
    border: 1px solid #fff;
}
.booking-detail-main {
    cursor: pointer;
}
.cart-page .box-holder .heading h3:after,
.booking-detail-main:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    border-left: 5px solid var(--primary-color);
    border-bottom: 5px solid var(--primary-color);
    top: -10px;
    right: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.booking-detail-main h3 {
    padding: 0 10px;
}
.booking-detail-main:after {
    top: 11px;
    right: 30px;
}
/* .cart-page .cart-section .grid-100 > div {
    background: var(--primary-color);
    color: #fff;
    padding: 5px 25px 30px;
    float: left;
    width: 100%;
    margin-bottom: 25px;
} */
.cart-page .cart-section .grid-100 > .heading h3 {
    font-size: 20px;
    margin: 15px 0 10px;
    color: #fff !important;
}
.tkf-container .confirmation-icon i {
    color: var(--primary-color) !important;
    font-size: 60px;
    font-family: "Font Awesome 5 Free";
}
.tkf-container .confirmation-icon.national-widget i {
    color: #c49f47;
    font-size: 60px;
    font-family: "Font Awesome 5 Free";
}
.success-icon {
    background: url(../img/success-icon.png);
    height: 100px;
    width: 100px;
    display: inline-block;
}

.right-block {
    float: right;
    margin-top: 40px;
    width: 315px;
    font-size: 11px;
    line-height: 1.25;
    text-align: left;
}

.right-block h5 {
    font-size: 14px !important;
    color: #000 !important;
    margin: 0 0 5px !important;
}
.left-block {
    padding-top: 20px;
    overflow: hidden;
    float: left;
}
.dialogFooter {
    overflow: hidden;
    background: #ededed;
    padding: 10px;
    text-align: left;
}

.label-chart {
    position: relative;
    background: url(../img/tyre_label_base_w200.jpg);
    background-repeat: no-repeat;
    height: 300px;
    width: 200px;
}

.tyre_info_model {
    background-image: url("../img/arrow.gif");
    background-repeat: no-repeat;
    color: white;
    height: 28px;
    padding-right: 3px;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    width: 40px;
}
.tyre_info_model.fuel {
    right: 90px;
}
.tyre_info_model.fuel-a {
    top: 78px;
}
.tyre_info_model.fuel-b {
    top: 93px;
}
.tyre_info_model.fuel-c {
    top: 108px;
}
.tyre_info_model.fuel-d {
    top: 122px;
}
.tyre_info_model.fuel-e {
    top: 137px;
}
.tyre_info_model.fuel-f {
    top: 152px;
}
.tyre_info_model.fuel-g {
    top: 166px;
}
.tyre_info_model.grip {
    right: 13px;
}
.tyre_info_model.grip-a {
    top: 78px;
}
.tyre_info_model.grip-b {
    top: 92px;
}
.tyre_info_model.grip-c {
    top: 108px;
}
.tyre_info_model.grip-d {
    top: 122px;
}
.tyre_info_model.grip-e {
    top: 137px;
}
.tyre_info_model.grip-f {
    top: 152px;
}
.tyre_info_model.grip-g {
    top: 166px;
}
.exterior-noice {
    position: absolute;
    top: 225px;
    right: 12px;
    height: 28px;
    width: 60px;
    color: white;
    text-align: center;
    padding-top: 3px;
    padding-right: 3px;
}
.detail-block {
    overflow: hidden;
    margin: 0 0 25px;
}
.icon-image {
    float: left;
    width: 50px;
    height: 47px;
}
.icon-image img {
    display: block;
    height: auto;
    width: 100%;
}
.model-detail {
    float: left;
    padding-left: 10px;
    width: 75%;
}

.rs_overlay,
.modal_backdrop {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 100;
    display: none;
}
.modal_backdrop {
    z-index: 99999999;
}
.rs_modal {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 10px;
    box-shadow: 1px 3px 20px rgba(51, 51, 51,0.7);
    left: 0;
    margin: 0 auto;
    max-width: 1170px;
    position: fixed;
    right: 0;
    top: 50%;
    width: 100%;
    z-index: 99999999;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    min-height: 545px;
    max-height: 600px;
}

.rs_modal.checklist-modal-wrap,
.rs_second_popup_content.checklist-modal-wrap {
    border: 0 !important;
    overflow: hidden !important;
    padding: 30px 0;
}

.rs_modal.checklist-modal-wrap .rs_inner,
.rs_second_popup_content.checklist-modal-wrap .rs_inner {
    max-height: inherit;
    overflow: hidden;
    overflow-y: auto;
    padding: 0 20px !important;
}

.rs_second_popup_content.checklist-modal-wrap .rs_inner {
    max-height: 100%;
}

.rs_modal.checklist-modal-wrap .rs_inner .lvl-details + span,
.rs_second_popup_content.checklist-modal-wrap .rs_inner .lvl-details + span {
    font-size: 12px !important;
}


@media screen and (min-width: 768px) {
    .rs_modal.checklist-modal-wrap,
    .rs_second_popup_content.checklist-modal-wrap {
        max-height: calc(100vh - 120px);
    }

    .rs_modal.checklist-modal-wrap .rs_inner {
        max-height: calc(100vh - 160px);
    }
}

.checklist-modal-wrap .rs_close_modal_whats_include,
.checklist-modal-wrap .rs_close_modal_second,
.checklist-modal-wrap .rs_close_modal {
    background: #000 !important;
    color: #fff !important;

    background: none !important;
    border: none !important;
    z-index: 2;
    top: 15px !important;
    right: 15px !important;
    pointer-events: auto;


}
.checklist-modal-wrap .rs_close_modal_whats_include:before,
.checklist-modal-wrap .rs_close_modal_second:before,
.checklist-modal-wrap .rs_close_modal:before {
    content: '';
    position: absolute;
    z-index: -1;
    background: #000;
    width: 200px;
    height: 200px;
    top: 50%;
    left: 50%;
    transform: rotate(42deg) translate(-50%, -50%);
    transform-origin: center top;
    pointer-events: none;
}

/* .checklist-modal-wrap .rs_close_modal_second {
    right: 20px;
} */

.rs_modal.rs-modal-ref {
    min-height: 190px !important;
    max-width: 500px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    bottom: auto !important;
    border-radius: 5px !important;
    left: 10px !important;
    right: 10px !important;
}

.rs_modal.rs-modal-ref .rs_inner {
    min-height: inherit;
    display: flex;
    align-items: flex-end;
    padding-bottom: 0;
}

.rs_modal.rs-modal-ref .tyre-size-ref-img {
    width: 100%;
    margin: 0;
}

.ref-popup-opener {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 0 5px;
    color: var(--primary-color);
}

#selected-services-box {
    padding: 0;
}
#selected-services-box .extras .name-of-product {
    padding: 0;
}
.add-services .name-of-product.selected-items .rs_second_popup {
    position: absolute;
    right: 20px;
    z-index: 2;
    top: 10px;
    color: var(--primary-color);
}
#selected-services-box .extras .name-of-product.selected-items a {
    margin-left: 60px;
    position: relative;
}
#selected-services-box .extras .name-of-product.selected-items a:before {
    content: "";
    position: absolute;
    top: -10px;
    left: -60px;
    bottom: -10px;
    width: 50px;
    background: var(--primary-color);
}
#selected-services-box .extras .name-of-product.selected-items a:after {
    content: "";
    position: absolute;
    top: 2px;
    width: 35px;
    left: -60px;
    height: 35px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 9px 0px inset #ccc;
}
#selected-services-box .extras h3 {
    color: #fff !important;
    display: block;
    width: 100%;
}
#selected-services-box .name-of-product h3 a {
    color: #000;
    text-decoration: none;
    padding: 12px;
    display: block;
    width: 100%;
}
#selected-services-box .name-of-product h3 .btn-add-rear {
    display: inline-block;
    width: auto;
}
#selected-services-box .name-of-product h3 a:hover {
    color: #000;
    text-decoration: none;
}
.add-services .items {
    background: transparent !important;
}
.add-services .name-of-product a {
    display: flex;
    align-items: center;
    color: #000;
    margin-left: 50px;
    padding: 0 0 0 10px;
    background: #fff;
    position: relative;
    text-decoration: none;
}
.add-services .name-of-product a:before {
    content: "";
    position: absolute;
    top: 2px;
    width: 35px;
    left: -50px;
    height: 35px;
    background: #fff;
    border-radius: 30px;
    box-shadow: 0px 0px 9px 0px inset #ccc;
}
.add-services .name-of-product {
    padding: 0 !important;
    background: transparent !important;
}
.add-services .name-of-product h3 {
    display: block;
    width: 100%;
}
.add-services .service_img_additional_wrapper {
    padding: 4px 0;
}
.add-services .service_img_additional img {
    position: relative;
    display: block;
}
.rs_modal.rs_modal_cart {
    bottom: 0;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 0;
    box-shadow: none;
    left: 0;
    margin: 0 auto;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99999999;
    transform: none;
    -webkit-transform: none;
    min-height: inherit;
    max-height: inherit !important;
    padding: 20px 0 0;
}

.added-services-text {
    padding: 10px 10px 0;
    color: #000 !important;
}
.time-slot-text {
    text-align: center;
    color: #000;
    display: block;
    padding: 0 30px;
}
.drop-off-label {
    font-size: 14px;
    line-height: 18px;
    display: block;
    text-align: center;
    color: #000;
    padding: 10px 0 0;
    font-weight: 400;
}
.service-select .branch-holder {
    margin-bottom: 30px;
}
.rs_inner {
    /*max-width: 1100px;*/
    max-width: 1200px;
    margin: 0px auto;
    width: 100%;
    padding: 20px;
    overflow: hidden;
}
.rs_modal.rs_modal_cart .rs_inner {
    max-width: 100%;
    padding: 30px 20px;
}
.rs-mot-info {
    font-weight: normal;
}
.rs_inner_block {
    float: left;
}
.rs_inner_block .ap-page-heading {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.rs_inner_block .error-text,
.rs_inner_block .error {
    font-size: 12px;
    color: #ff0000;
    background-color: none !important;
}
.rs-content {
    /*width:60%;*/
    width: 100%;
}
.rs-content h2 {
    color: #000;
    margin-top: 0;
}
.rs-sidebar {
    /*width:40%;*/
    width: 100%;
    background: #f8f8f8;
    border-radius: 5px;
    padding: 10px 20px;
    border: 1px solid #eee;
    margin-bottom: 25px;
}
.rs-sidebar h3 {
    margin-top: 0;
    color: #3e9a33;
    text-transform: uppercase;
}
.rs-sidebar ul {
    margin: 0;
    padding: 0;
}
.rs-sidebar ul li {
    list-style: none;
}
.rs-row {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 1.1;
    width: 50%;
    float: left;
}
.rs-detail-title {
    color: #000;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.1;
    display: flex;
}
.rs-block-map .rs-row {
    width: auto;
    float: none;
    margin-bottom: 5px;
    border-bottom: 1px solid #a1a1a1;
    line-height: 24px;
}
.rs-row .rs-title {
    width: 40%;
    float: left;
}
.rs-row .rs-specs {
    width: 60%;
    float: left;
    text-align: right;
}
.rs-note {
    font-size: 11px;
    color: #a1a1a1;
    display: block;
    text-align: right;
}
.rs_center {
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #eee;
    padding: 10px;
    width: 32.2%;
    float: left;
    background: #f8f8f8;
    border-radius: 5px;
    margin-right: 10px;
}
.rs_center:nth-child(3n + 1) {
    margin-right: 0;
}
.rs_center_icon {
    width: 15%;
    float: left;
}
.rs_center_details {
    float: left;
    width: 100%;
    vertical-align: top;
    margin-bottom: 10px;
}
.rs_center_details h3 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    height: 60px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}
.rs_center_details address {
    font-size: 14px;
    line-height: 18px;
}
.rs_center_details a {
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}
.rs_button_block {
    background: #000;
    padding: 5px;
    margin: 10px 0;
}
.rs_center .rs-block {
    float: left;
    width: 100%;
}
.rs-block-map {
    width: 100%;
    float: left;
    margin-top: 5px;
}
.rs-block-map h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: normal;
    text-transform: uppercase;
}
.rs-mot-tag {
    display: inline-block;
}
.rs-mot-details p {
    color: #a1a1a1;
    font-size: 13px;
    line-height: 18px;
    margin-top: 0;
}
.rs-mot-details .rs_products {
    margin-bottom: 20px;
}
.service_img_additional_wrapper {
    padding: 0;
    height: 40px !important;
    width: 40px !important;
    border-radius: 40px;
}
.rs_products {
    margin: -5px;
    padding: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.rs_products li {
    box-sizing: border-box;
    list-style: outside none none;
    margin: 0;
    padding: 5px;
    width: 30%;
    position: relative;
    height: auto !important;
}
.rs_products li a {
    background: #fff;
    border: 3px solid #ddd;
    padding: 15px;
    border-radius: 0;
    color: #333333;
    display: block;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
}
.rs_products li:hover a {
    background: var(--primary-color);
    color: #fff;
}

.rs_products li .service_img_additional_wrapper {
    width: 100% !important;
    height: auto !important;
}

.rs_products li .service_img_additional_wrapper .service_img_additional {
    width: 50px;
    height: 50px;
    padding: 10px;
    line-height: 1;
}

.rs_products li:hover span {
    color: #fff !important;
}

.rs_products li span {
    color: #5e5e5e !important;
    display: block;
    font-size: 12px;
    margin-top: 15px;
    text-align: right;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 20px;
    z-index: 2;
}
.rs_products li span i {
    color: #969696;
}
.rs_price_Box {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    padding: 10px 0;
}
.rs_products li:hover .rs_price_Box {
    color: #fff;
}
.rs_description ul {
    color: #a1a1a1;
    margin-top: 0;
    padding: 0;
}
.rs_description h3 {
    font-size: 14px;
    margin-bottom: 0;
}
.rs_description ul li {
    font-size: 13px;
    line-height: 1.2em;
    margin-left: 12px;
    padding-top: 10px;
}
.rs-actions {
    text-align: right;
    color: #fff;
}
.rs_center_text {
    text-align: center;
}
.tkf-container .rs-actions i.fa {
    color: #fff;
    vertical-align: middle;
}
.tkf-container .rs-actions .btn-continue i.fa,
.tkf-container .rs-actions .rs_btn_booking i.fa {
    color: var(--primary-color-btn-text);
}
.rs_booking_form .note {
    font-size: 12px;
    line-height: 1.4;
    background: #373737;
    padding: 10px 15px;
    border-radius: 6px;
    color: #fff !important;
}
.rs_booking_form .ap-form{
    margin-bottom: 20px;
    color: #fff !important;
}
.rs_booking_form .form-group {
    margin-bottom: 20px;
}
.rs_booking_form .ap-form .error-text
.rs_booking_form .form-group .error-text {
    font-size: 14px;
    margin-top: 10px;
    display: block;
}
.ap-form label {
    color: #000;
    font-weight: 300;
    display: inline-block;
    vertical-align: top;
    padding: 0 0 2px;
}
.rs_modal_cart .book-fitting .vt-row {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}
.rs_modal_cart .book-fitting .vt-row:nth-child(3) {
    text-align: left;
}
.rs_booking_form input[type="text"],
.rs_booking_form textarea {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px 15px;
    font-weight: 400;
    outline: none;
    background: #fff;
    color: #000;
    box-shadow: none;
}
.rs_booking_form .ap-form input {
    font-size: 16px !important;
}
.rs_booking_form select {
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: block;
    height: 40px;
    width: 100%;
}
.rs_thank_you {
    text-align: center;
}
/* .rs_thank_you i {
    color: #3e9a33;
    font-size: 60px;
} */
.rs_thank_you .rs_receipt {
    box-shadow: 0 0 2px 1px #dddddd;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    max-width: 375px;
    width: 100%;
}
.rs_thank_you h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.rs_thank_you .rs_receipt address {
    color: #a1a1a1;
    font-size: 18px;
    margin-bottom: 20px;
}
.rs_receipt_content,
.rs_receipt_total {
    color: #000;
    text-align: left;
    overflow: hidden;
    max-width: 340px;
    margin: 0px auto;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.rs_item_name {
    float: left;
    width: 50%;
}
.rs_receipt_content .rs_item_name:last-child,
.rs_receipt_total .rs_item_name:last-child {
    text-align: right;
}
.rs_receipt_total {
    border-bottom: none;
    font-weight: bold;
}
.rs_close_modal_service_info {
    border: 1px solid #dddddd;
    background: rgb(255, 255, 255);
    color: #ffffff;
    height: 20px;
    line-height: 18px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 10px;
    width: 20px;
    z-index: 20;
}
.rs_close_modal,
.modal_backdrop_close,
.modal-ui-close {
    border: 1px solid #dddddd;
    background: #000;
    color: #000000;
    height: 20px !important;
    line-height: 18px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 10px;
    width: 20px !important;
    z-index: 20;
}
.rs_close_modal.with-text:after,
.modal_backdrop_close.with-text:after,
.modal-ui-close.with-text:after {
    content: "Close";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100%;
    padding: 0 10px 0 0;
    font-weight: 700;
    font-family: inherit !important;
}
.rs_close_modal_second {
    border: 1px solid #dddddd;
    color: #000000;
    height: 20px !important;
    line-height: 20px;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 10px;
    width: 20px !important;
}
.rs_buying_option_close_modal {
    border: 1px solid #dddddd;
    color: #000000;
    height: 20px;
    line-height: 18px;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 10px;
    width: 20px;
}
.rs-mot-details {
    float: left;
    width: 100%;
}
.rs_booking_form .search-by-reg {
    text-align: center;
    background: #eee;
    padding-top: 10px;
    margin-bottom: 20px;
}
.rs_booking_form .search-by-reg .reg-number-plate {
    max-width: 310px;
    height: 60px;
}
.rs_booking_form .search-by-reg .reg-number-plate #reg_rule {
    font-size: 32px !important;
    height: 100% !important;
    width: 100% !important;
}

.selected-branch {
    border: 1px solid #ddd;
    box-shadow: 3px 3px 3px #ddd;
    padding: 5px;
    overflow: hidden;
}
.selected-branch ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.selected-branch ul li {
    border-right: 1px solid #eeeeee;
    color: #a1a1a1;
    float: left !important;
    font-size: 13px;
    min-height: 30px;
    padding: 10px 20px;
    text-align: center;
    vertical-align: top;
    width: 50%;
    margin: 0;
}
.selected-branch ul li:last-child {
    border-right: none;
}
.selected-branch ul li strong {
    margin: 0;
    color: #000000;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: center;
}
.selected-branch h5 {
    color: #3e9a33;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 20px;
    text-align: center;
}
/* Calendar Style */
.vt-calandar-row .ap-page-heading {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}
.timeSlotCalendar {
    border-radius: 4px;
}
.pCalendarOverlay {
    background-color: rgba(0, 0, 0, 0.7);
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: fixed;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 0;
    z-index: 999;
}
#calOuter {
    height: auto;
    overflow: hidden;
    padding: 20px 0 10px;
    position: relative;
    width: 100%;
}
#calInner {
    height: auto;
    margin: 0 auto;
    max-width: 800px;
    position: relative;
    width: 100%;
}
.vehicle-details {
    color: #000;
    float: left;
    width: 100%;
}
.vehicle-details .vehicle-specs-row {
    margin-bottom: 5px;
}
.vehicle-details .vehicle-specs-row .rs-title {
    float: left;
    width: 30%;
    font-size: 12px;
}
.vehicle-details .vehicle-specs-row .rs-specs {
    float: left;
    width: 70%;
    font-size: 12px;
}
.closebtn {
    background-color: #ffffff;
    border: 5px solid #000000;
    border-radius: 40px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-size: 35px;
    height: 40px;
    line-height: 22px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 40px;
}
.closebtn:hover {
    background: #000000 none repeat scroll 0 0;
    color: #ffffff;
}
p.calTitle {
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 0 30px;
}
.booking-procedure {
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 30px;
}
.booking-procedure h3 {
    color: var(--primary-color);
    font-size: 28px;
    line-height: 30px;
    margin: 0 0 5px !important;
}
.booking-procedure h3 small {
    font-size: 16px;
    font-weight: normal;
    color: #000;
}
.timeSlotCalendar #controls {
    text-align: right;
    color: #333;
    float: right;
}
.n-booking-method {
    display: flex;
    flex-flow: column nowrap;
}
.n-booking-method .radio {
    background: #eeeeee;
    margin: 4px 0;
    padding: 10px;
    width: 100%;
    display: flex;
    align-items: center;
}
.n-booking-method .radio label {
    font-size: 16px;
    padding-left: 0;
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    display: flex;
    align-items: center;
}
.n-booking-method .radio .cr {
    background: #ffffff;
    height: 2em;
    width: 2em;
}
.n-booking-method .buying-detail {
    float: left;
    vertical-align: middle;
    width: 80%;
}
.m-title {
    float: left;
    width: 60%;
    text-align: right;
    font-size: 16px;
    line-height: 1.2;
}
.buying-detail .m-title {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
}
.tkf-container .method-info i {
    color: #3e9a33;
}
.method-info {
    position: relative;
    vertical-align: middle;
    flex-shrink: 0;
    margin: 0 0 0 2px;
}

.mi-content {
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #888888;
    display: none;
    font-family: verdana;
    font-size: 12px;
    left: 50% !important;
    transform: translateX(-50%) !important;
    right: auto !important;
    line-height: 16px;
    padding: 10px;
    position: absolute;
    text-transform: capitalize;
    top: 100%;
    width: 180px;
    z-index: 9999;
    margin: 5px 0 0;
}

.mi-content:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    height: 20px;
}
.method-info:hover .mi-content {
    display: block;
}
@media screen and (max-width: 767px) {
    .n-booking-method .radio label {
        font-size: 16px;
        width: auto;
        flex-grow: 1;
    }

    .n-booking-method .radio .cr {
        height: 24px;
        width: 24px;
        flex-shrink: 0;
    }
    .n-booking-method .buying-detail {
        width: auto;
        flex-grow: 1;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .buying-detail .m-title {
        font-size: 16px;
        flex-grow: 1 !important;
        width: auto !important;
        order: 1;
        padding: 0 10px 0 0;
    }

    .buying-detail .m-price {
        float: none;
        order: 2;
        flex-shrink: 0;
    }
}
.rs-specs > a.edit {
    float: right;
}
a.calControl {
    text-decoration: none;
    color: #000;
    font-size: 14px;
}
a.calControl span {
    border: 2px solid #000;
    border-radius: 40px;
    color: #000 !important;
    display: inline-block;
    font-size: 12px;
    font-weight: 100;
    line-height: 19px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}
a.calControl .cr i.fa {
    line-height: 15px;
    color: #000;
}
#timeWrap {
    display: inline-block;
    float: left;
    height: auto;
    margin: 0;
    padding: 60px 0 0;
    position: relative;
    width: 11%;
}
.time {
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    line-height: 28px;
    position: relative;
    text-align: left;
    width: 100%;
}
#dayTimeWrap {
    display: inline-block;
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
#dateWrap {
    height: 45px;
    position: relative;
    width: 100%;
}
.dates {
    color: #000;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 100;
    height: auto;
    line-height: 1em;
    margin-right: 0.5%;
    position: relative;
    text-align: center;
    width: 12%;
}
.dates:last-child {
    margin-right: 0px;
}
span.monthHeader {
    color: #838383;
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto;
}
#slotOuterWrap {
    height: auto;
    width: 100%;
}
.slotWrap {
    float: left;
    height: auto;
    margin: 0 0.5% 0 0;
    width: 12%;
}
.slotWrap:last-child {
    margin-right: 0;
}
.slots {
    color: #838383;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 3px;
}
.slots a {
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    color: #838383;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 400;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
a.selectSlot {
    border: 1px solid #000;
    color: #000;
    cursor: pointer;
    font-weight: 600;
}
#calBigBtnsWrap {
    display: block;
    overflow: hidden;
    width: 100%;
}
.calError {
    border: none;
    padding: 15px;
    color: #ff0000;
    float: left;
    background: rgba(255, 0, 0, 0.11);
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
}
.calBigBtns {
    border-radius: 20px;
    display: block;
    font-size: 18px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 260px;
}
.bk-details {
    background: #eeeeee none repeat scroll 0 0;
    margin: 10px auto;
    padding: 10px;
    font-size: 14px;
    line-height: 16px;
}
.bk-details ul {
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-top: 15px;
    padding-left: 0;
    list-style: none;
    overflow: hidden;
}
.bk-details ul li {
    list-style: none;
    float: left;
    font-size: 12px;
}
.bk-details ul li:first-child {
    width: 40%;
    font-weight: bold;
}

.rs-modal-footer {
    color: #444;
    margin-top: 10px;
    padding: 10px 0;
    text-align: left;
    font-size: 12px;
    border: none !important;
}
.rs-modal-footer .side-cart-control {
    float: none;
    width: auto;
    padding: 0;
}
.rs-modal-footer .side-cart-control a {
    height: 60px;
    line-height: 50px;
    font-size: 28px !important;
    font-style: normal;
    font-weight: bold;
}
.rs-modal-footer .search_again {
    color: #000;
    text-decoration: none;
}
.rs-modal-footer .search_again i.fa {
    color: #fff !important;
}
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 230px;
    min-width: 50px;
    font-size: 13px;
    line-height: 16px;
    direction: ltr;
    border-radius: 5px;
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
    padding: 0;
}
.qtip-default {
    border: 2px solid #00a904;
    background-color: #fff;
    color: #3a4a54;
}
.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    position: absolute;
    color: #123456;
    background: 0;
    border: 0 dashed transparent;
}
.qtip-content {
    position: relative;
    padding: 10px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}
.qtip-content p {
    font-family: "Open Sans", sans-serif;
    line-height: 1em;
    font-size: 1em;
}
a.selected {
    background-color: #000;
    border: 1px solid #000;
    color: #ffffff !important;
}
p.reserved-time {
    font-weight: 700;
    min-height: 20px;
    min-width: 200px;
}
p.reserved-time i {
    color: green;
    font-size: 20px;
    font-weight: 100;
    padding: 1px 4px 0 0;
    display: inline-block;
}
a.remove_booked {
    color: #f00;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}
a.remove_booked i {
    font-size: 20px;
    font-weight: 100;
    padding: 1px 4px 0 0;
    display: inline-block;
}
.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

.stepwizard-step {
    display: table-cell;
    position: relative;
    text-align: center;
    width: 25%;
}
.rs_step_circle {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 100%;
    display: inline-block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}
.rs_step_circle i {
    opacity: 0.4;
    line-height: 30px;
}
.rs_description {
    overflow: hidden;
    width: 100%;
}
.rs_description ul li a {
    text-decoration: none;
    color: #000;
}
.stepwizard-step.done .rs_step_circle i.fa {
    opacity: 1;
    color: #3e9a33;
}
.stepwizard-step.done .rs_step_circle {
    color: #3e9a33;
    border: 1px solid #3e9a33;
}
.stepwizard-step.done p {
    color: #3e9a33;
    opacity: 1;
}
.rs-three-column {
    float: left;
    width: 33%;
}
.rs-two-column {
    float: left;
    width: 50%;
}
.rs-other-detail {
    overflow: hidden;
    border-top: 1px solid #d1d1d1;
    margin-top: 10px;
    color: #666;
    font-size: 14px;
    overflow: hidden;
    line-height: 1.4;
    padding: 10px 0;
    display: none;
}

@media only screen and (max-width: 768px) {
    .rs_inner {
        padding: 40px 20px;
    }
}
@media only screen and (max-width: 767px) {
    .extra-service .checkbox,
    .ex-service-detail {
        flex-direction: column;
    }
    .sub-extra .ex-service-detail {
        align-items: flex-start;
    }
    .ap-coupon-code .apply-coupon {
        margin: 10px 0 0 !important;
        width: 100% !important;
    }
    .cart-page .box-holder .heading h3:after {
        width: 10px;
        height: 10px;
        top: 0px;
        right: 0px;
    }
    .extra-service .checkTitle {
        width: 100%;
        margin-top: 10px;
    }
    .extra-service .m-price {
        height: auto;
        flex: auto !important;
        margin-top: 10px;
    }
    .cd-popup-container {
        margin: 4em auto;
    }
    .rs-two-column {
        width: 100%;
    }
    .rs_products li {
        width: 100%;
    }
    .rs-note {
        margin-top: 10px;
    }
    .rs-sidebar {
        padding: 10px;
    }
    .rs-block-map {
        display: none;
    }
    .rs_center .rs-block {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .cd-popup-container {
        max-width: 100%;
    }
    .dialogHeader {
        font-size: 12px;
    }
    .dialogContent {
        overflow-x: hidden;
        overflow-y: auto;
    }
    .left-block {
        padding-top: 0;
    }
    .label-chart {
        height: 190px;
        width: 130px;
        background-size: cover;
    }
    .tyre_info_model {
        background-size: cover;
        width: 20px;
        height: 12px;
    }
    .tyre_info_model.fuel {
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-a {
        top: 53px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-b {
        top: 62px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-c {
        top: 72px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-d {
        top: 82px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-e {
        top: 91px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-f {
        top: 101px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.fuel-g {
        top: 110px;
        right: 59px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip {
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-a {
        top: 53px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-b {
        top: 62px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-c {
        top: 72px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-d {
        top: 82px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-e {
        top: 91px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-f {
        top: 101px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .tyre_info_model.grip-g {
        top: 110px;
        right: 9px;
        font-size: 8px;
        line-height: 5px;
    }
    .exterior-noice {
        top: 143px;
        right: 0;
        font-size: 12px;
    }
    .right-block {
        width: 100%;
        margin-top: 20px;
    }
    .detail-block {
        margin: 0 0 5px;
    }
    .icon-image {
        float: left;
        width: 35px;
        height: auto;
        background-size: cover;
    }
    .model-detail h5 {
        font-size: 10px;
        margin-bottom: 5px;
    }
    .model-detail {
        font-size: 10px;
    }
    .btn-popup-close {
        font-size: 15px;
        padding: 5px;
    }
    .rs_center {
        width: 100%;
    }
    .btn-add-more {
        width: 100%;
        margin-bottom: 10px;
    }
    .btn-continue {
        width: 100%;
    }
}

/** Popup End**/

.product-area-wrapper {
    overflow: hidden;
    padding: 10px;
    width: 100%;
    border: 2px solid #ddd;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    background: #dddcdc;
}
.tkf-heroBoxes {
    width: 33.33% !important;
    /* float: left;
    padding-left: 20px; */
    padding: 10px !important;
    box-sizing: border-box;
    margin-bottom: 0 !important;
    display: flex;
    flex-flow: row wrap;
}

.tkf-heroBoxes .product-recommended {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    background: #fff;
}

.tkf-heroBoxes .product-recommended .img-area,
.tkf-heroBoxes .product-recommended .detailArea {
    width: 100%;
    z-index: auto;
}

.tkf-product-list .tkf-heroBoxes .product-recommended .box-value {
    padding: 5px 15px;
}

.tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled {
    background: none;
    margin: 0;
    float: none;
}

.tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled.tf-fitting-box-revamp {
    margin: 0;
    padding: 8px 14px 0;
}

.tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled.tf-fitting-box-revamp .app-download {
    margin: 0;
}

.tkf-heroBoxes .product-recommended .hero-box-title {
    display: block;
    color: #fff !important;
    background: #272727;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600 !important;
    min-width: 104px;
    text-align: center;
}

.tkf-heroBoxes .product-recommended.recommended .hero-box-title {
    background: #3e9a33;
}

.tkf-heroBoxes .product-recommended.crazy-bargain .hero-box-title {
    background: #ff0000;
}

.tkf-heroBoxes .product-recommended.normal-recomended .hero-box-title {
    background: #000;
}

/*.tkf-heroBoxes .product-recommended.premium .hero-box-title {*/
/*    background: #ce5b5b;*/
/*}*/

/*.tkf-heroBoxes .product-recommended.budget .hero-box-title {*/
/*    background: #14b16d;*/
/*}*/

/*.tkf-heroBoxes .product-recommended.mid-range .hero-box-title {*/
/*    background: #1e6dca;*/
/*}*/

.tkf-product-list .tkf-heroBoxes.tkf-product .img-area .product-image-wrapper {
    position: relative;
}

/* List view for hero boxes : Starts */
@media screen and (min-width: 801px) {
    .tkf-product-list .tkf-heroBoxes {
        width: 100% !important;
        box-sizing: border-box;
    }

    .tkf-product-list .tkf-heroBoxes > * {
        box-sizing: border-box;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .img-area {
        width: 50%;
        display: flex;
        flex-flow: row wrap;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .img-area .tkf-product-header-wrapper {
        width: 60%;
        padding: 15px;
        height: auto;
        min-height: inherit;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled {
        background: none;
        margin: -15px 0 20px -15px;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled.tf-fitting-box-revamp {
        padding: 0;
        margin: -5px 0 0;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled.tf-fitting-box-revamp .app-download {
        margin-bottom: 10px;
        font-size: 10px !important;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .box-value {
        padding: 0;
        /* margin: -15px 0 10px -15px; */
        display: flex;
        /* align-items: center; */
        width: calc(100% + 15px);
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .box-value .hero-tyre-offer {
        flex-grow: 1;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .box-value .tkf-promo-code-label {
        padding: 3px 10px;
    }

    .tkf-heroBoxes .product-recommended .hero-box-title {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: top;
        padding: 8px 15px 12px;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .img-area .tkf-product-header-wrapper .tkf-product-header {
        padding: 0;
        min-height: inherit;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .img-area .tkf-product-header-wrapper .tkf-product-header img {
        max-height: 34px;
        object-position: left;
        margin: 0 0 10px;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .img-area .tkf-product-header-wrapper .tyre-icons {
        margin-left: 0;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .tkf-product-header.product-text > h2 {
        min-height: 1px;
    }

    .tkf-product-list .tkf-heroBoxes.tkf-product .img-area .product-image-wrapper {
        width: 40%;
        display: flex;
        align-items: center;
    }
    .tkf-product-list .tkf-heroBoxes.tkf-product .img-area .product-image-wrapper .feature-block {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .detailArea {
        width: 50%;
        display: flex;
        flex-flow: row wrap;
        /* align-items: center; */
        padding-top: 10px;
        padding-bottom: 10px;
        z-index: auto;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .detailArea .tkf-tyre-promotion-wrapper {
        width: 100%;
        padding: 0 10px;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .detailArea .detailArea-content {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .detailArea .apiCol1 {
        width: 55%;
    }

    .tkf-product-list .tkf-heroBoxes .product-recommended .detailArea .apiCol2 {
        padding-top: 0 !important;
        margin-top: 0 !important;
        width: 45%;
    }
}
@media screen and (min-width: 1400px) {
    
    .tkf-product-list .tkf-heroBoxes .product-recommended .tyresoft_enabled.tf-fitting-box-revamp .app-download {
        font-size: 12px !important;
    }
}
/* List view for hero boxes : Ends */

/* .tkf-heroBoxes:first-child {
    padding-left: 0;
} */
.multiOfferWrapper {
    background: #000;
}

.wheelsHeroBoxes .tkf-product-header {
    width: 100% !important;
    float: none;
}
.wheelsHeroBoxes .img-area {
    background: #fff;
}
.wheelsHeroBoxes .tkf-package-wrapper {
    width: 100%;
    float: none;
    overflow: hidden;
    background: #fff;
    border: none;
    padding: 20px 0;
}
.wheelsHeroBoxes .feature-block,
.wheelsHeroBoxes .tkf-pkg-details {
    width: 75% !important;
    float: none;
    padding-left: 10px;
    overflow: hidden;
}
.wheelsHeroBoxes .tkf-product-img.wheel,
.wheelsHeroBoxes .tkf-product-wheel {
    width: 50% !important;
    float: left;
    padding: 0;
}
.wheelsHeroBoxes .tkf-product-img.wheel {
    width: 32% !important;
    margin-left: 20px;
}
.wheelsHeroBoxes .tkf-product-img.wheel img,
.wheelsHeroBoxes .tkf-product-wheel img {
    width: 100%;
    height: auto !important;
    display: block;
}
.wheelsHeroBoxes .feature-block {
    position: absolute;
    width: 25% !important;
    bottom: 10px;
    right: 0px;
}

.product-recommended {
    background: #fff;
    background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #ebebeb 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #ebebeb 0%, #ffffff 100%);
    position: relative;
    border-radius: 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    border: none;
    border-top: 8px solid #000;
}

.product-recommended .box-value {
    color: #fff;
    text-align: left;
    padding: 5px 20px;
    text-transform: capitalize;
    font-weight: 500;
}

.product-recommended .box-value img {
    width: 50px;
    vertical-align: middle;
    display: none;
}

.product-recommended.recommended {
    border-top-color: #ce5b5b;
    border-radius: 0;
}

.product-recommended.recommended .box-value,
.product-recommended.premium .box-value {
    background: #fff;
    color: #3e9a33;
    /* font-weight: bold; */
}

.product-recommended.crazy-bargain{
    border-top-color: #14b16d;
    
    border-radius: 0;
}

.product-recommended.crazy-bargain .box-value,
.product-recommended.budget .box-value {
    background: #fff;
    color: #ff0000;
    /* font-weight: bold; */
}
.product-recommended.normal-recomended{
    border-top-color: #1e6dca;
    color: #272727;
    /* font-weight: bold; */
}
.product-recommended.normal-recomended .box-value,
.product-recommended.mid-range .box-value {
    background: #fff;
    color: #272727;
    /* font-weight: bold; */
}
.product-recommended .tkf-product-header {
    padding: 5px 20px 0;
    width: 100%;
    float: left;
}
.tyresoft_enabled {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    background: #fff;
}
.app-download {
    display: flex;
    justify-content: space-around;
    align-items: center;
    direction: rtl;
    background-color: #bd262c;
    flex-direction: column;
    z-index: 9;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    padding: 5px;
    margin-bottom: 10px;
}
.app-download:focus {
    outline: none;
}
.app-download label {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
    cursor: pointer;
}
.app-download label#first-title {
    font-size: 0.8rem;
}
.tkf-product.horizontal .tyresoft_enabled {
    width: 15%;
}

.logo-img-wrapper {
    display: inline-block;
    overflow: hidden;
    text-align: left;
    height: 30px;
    margin: 0 0 10px;
}
.logo-img-wrapper img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.product-recommended .tkf-product-header.product-text > h2 {
    display: block;
    color: #000;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.2;
    font-family: var(--tfcw-primary-font);
    margin-bottom: 5px;
    margin-top: 0;
    width: 100%;
    min-height: 52px !important;
    height: auto !important;
}
.product-recommended .tkf-product-header.product-text > h2 small {
    display: block;
}

.new-layout .tkf-product.tkf-heroBoxes .tkf-product-header {
    min-height: 125px;
}
.product-recommended .product-image {
    float: left;
    width: 75%;
    padding: 20px 10px;
    position: relative;
    text-align: center;
    pointer-events: none;
}
.bottom-badge {
    position: absolute;
    bottom: 40px;
    width: 50px;
    right: 30px;
}
.product-recommended .product-image .bottom-badge img {
    width: 100%;
    height: auto;
    display: block;
}
.product-recommended .product-image .top-badge img {
    width: 40px;
    height: auto;
}
.top-badge {
    position: absolute;
    right: 20px;
    text-align: right;
    top: -55px;
    width: 100%;
}
.tkf-product-section .top-badge {
    position: absolute;
    right: -40px;
    text-align: right;
    top: -40px;
    width: auto;
}
.tkf-product-section.tkf-product-list .top-badge {
    position: absolute;
    right: 30px;
    text-align: right;
    top: 10px;
    width: auto;
}
.tkf-product-section .top-badge img {
    width: 40px !important;
}
.tkf-product-img .top-badge img {
    border: none;
}
.product-recommended .extreme-top-badge {
    width: 40px;
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 10px;
}

.extreme-top-badge {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.extreme-top-badge img {
    width: 100% !important;
    height: auto;
    display: block !important;
}
.tkf-product-section.tkf-product-list .extreme-top-badge {
    top: 10px;
    right: 250px;
    z-index: 2;
    position: absolute;
}
.extreme-bottom-badge {
    position: absolute;
    width: 50px;
    right: 30px;
    bottom: 140px;
}
.extreme-bottom-badge img {
    width: 100% !important;
    height: auto;
    display: block !important;
}
.product-recommended .product-image > img {
    height: auto;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    object-fit: contain;
    max-height: 170px;
}
.product-recommended .feature-block {
    float: left;
    width: 25%;
    position: absolute;
    right: 0;
    top: 190px;
    top: 50%;
    transform: translateY(-50%);
}
.product-recommended p {
    color: #000;
    font-size: 12px;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    margin-bottom: 0px;
    min-height: 40px;
}
.product-recommended .img-area {
    position: relative;
    /* overflow: hidden; */
    clear: both;
    background-color: #fff;
}

.product-recommended .detailArea {
    position: relative;
    padding: 15px;
    z-index: 2;
    background: #fff;
}
.product-recommended .apiCol1 {
    width: 100%;
}
.product-recommended .apiCol2 {
    padding-bottom: 5px;
    padding-top: 10px;
    width: 100%;
}
.product-recommended .detailArea .price {
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
}
.product-recommended .detailArea .price i {
    font-style: normal;
}
.product-recommended .detailArea .price small {
    font-size: 22px;
    color: #c2c2c2;
    display: inline-block;
    vertical-align: middle;
}
.product-recommended .detailArea .price dt {
    color: #3e9a33;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
}
.product-recommended .detailArea span.booking-option {
    font-family: var(--tfcw-primary-font);
    color: #777;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 5px;
}
/* .product-recommended .BuyingOption span {
    color: #000;
    display: block;
    font-family: var(--tfcw-primary-font);
    font-size: 14px;
    font-style: normal;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 500;
    background: #fafafa;
    padding: 2px 15px;
    margin: 5px -15px;
} */
.product-recommended .detailArea ul {
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-weight: 300;
    display: block;
}
.product-recommended .detailArea ul li {
    font-size: 15px;
    line-height: 1.5;
    font-family: var(--tfcw-primary-font);
    list-style: none;
    font-style: normal;
    display: block;
    color: #000;
}
.product-recommended .detailArea ul li i {
    color: #fff;
}
.product-recommended .detailArea ul li i em {
    color: #fff;
}
.product-recommended .detailArea ul li b {
    font-weight: 300;
    float: right;
}
.apiCol2 .qty:after {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    pointer-events: none;
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-style: normal;
    font-weight: 900;
    color: #fff;
}
.apiCol2 .qty {
    background: #fff;
    border: none;
    display: inline-block;
    font-family: var(--tfcw-primary-font);
    font-size: 18px;
    font-style: italic;
    width: 100%;
    vertical-align: middle;
    border-radius: 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.apiCol2 .qty option {
    color: #fff;
}
.apiCol2 .qty select {
    background: none !important;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    padding: 5px 10px !important;
    padding-right: 30px !important;
    width: 100% !important;
    color: #fff;
    background-color: #000 !important;
    font-weight: 600;
    font-size: 14px;
    height: 50px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    letter-spacing: 0.25px;
}
.apiCol2 .btn-result-wrapper {
    display: block;
    width: 100%;
}
.apiCol2 .btn-result-wrapper input[type="submit"] {
    height: 40px;
}
.product-recommended input[type="text"] {
    box-shadow: inset 1px -1px 10px 0px #ababab;
    -webkit-box-shadow: inset 1px -1px 10px 0px #ababab;
    -moz-box-shadow: inset 1px -1px 10px 0px #ababab;
    -o-box-shadow: inset 1px -1px 10px 0px #ababab;
    border: none;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    width: 100%;
    border: 2px solid #ababab;
    box-sizing: border-box;
    height: 40px;
}
.search_heading {
    color: #000;
    display: block;
    font-size: 18px;
    font-style: italic;
    line-height: 1.6;
    margin: 0 0 10px;
    overflow: hidden;
    font-weight: 500;
}
.search_heading span {
    color: #3e9a33;
    font-size: 22px;
}
.search-result-wrapper {
    float: left;
    width: 100%;
}
.search-result-wrapper .price-range {
    margin: 0 0 0 30px;
    padding-top: 5px;
}
#search_output {
    float: left;
    width: 100%;
}
#search_output.loading,
#search_output-rear.loading,
.append-rear-tyre-d.loading,
#search_output_set4.loading {
    position: relative;
    height: 200px;
}
#search_output.loading:after,
#search_output-rear.loading:after,
.append-rear-tyre-d.loading:after,
#search_output_set4.loading:after {
    content: "";
    position: absolute;
    left: 50%;
    /*background: url(/application/themes/camv2/assets/img/ajax_loader_green_128.gif) no-repeat;*/
    top: 50%;
    width: 250px;
    height: 250px;
    display: block;
    transform: translate(-50%, -50%);
    background-size: 250px;
    background-position: center;
}
#search_output .sort-by {
    border-radius: 16px 0px 16px;
    padding: 15px 30px;
    position: relative;
    margin: 15px 0px 15px 15px;
    background: #ededed;
}
.sort-by {
    padding-bottom: 20px;
}
#search_output .sort-by .priceRangeHighLow {
    margin: 0;
}
.sort-by h3 {
    color: #000;
    font-size: 23px;
    line-height: 1.42857;
    font-family: var(--tfcw-primary-font);
    font-style: italic;
    display: inline-block;
    margin: 0;
    float: left;
}
.tyreSizes:after,
.priceRangeHighLow:after {
    content: "\f0dc";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-style: normal;
    color: #fff;
}
.tyreSizes,
.priceRangeHighLow {
    background: #000;
    display: inline-block;
    height: 28px;
    position: relative;
    width: 70px;
    border-radius: 10px;
    margin: 0 15px 10px;
    font-style: italic;
    width: 200px;
    border-radius: 15px 5px;
    float: right;
    overflow: hidden;
    font-size: 14px;
}
.tyreSizesHolder label {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    margin: 10px 0 0 30px;
}
.tyreSizes {
    float: left;
    margin-left: 10px;
}
.tyreSizes select,
.priceRangeHighLow select {
    background: #3e9a33;
    border: none !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #fff;
    height: 28px;
    width: 200px;
    font-style: italic;
    padding: 0 10px;
}
.promotional-banner {
    margin: 0 0 20px;
    position: relative;
    float: left;
    width: 100%;
    border-radius: 15px 0 15px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 10px;
}
.promotional-banner img {
    width: 100%;
}
.ap-tyre-offer {
    background: #ccc;
    border-radius: 0;
    padding: 8px;
}
.ap-tyre-offer .offer-name {
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
}
.ap-tyre-offer .offer-name.offer-name-limit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px !important;
    line-height: 14px !important;
    height: auto !important;
    max-height: 28px !important;
    margin: 0 0 6px !important;
}

.ap-tyre-offer .offer-name.offer-name-limit + .hero-all-offers {
    padding: 0 !important;
}
.ap-offer-one {
    color: #ffff00;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}
.ap-offer-one span {
    font-size: 12px;
}
.ap-offer-two {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 20px;
}
.ap-offer-two span {
    font-size: 12px;
}
.ap-offer-one small,
.ap-offer-two small {
    display: block;
    font-size: 9px;
    text-align: right;
}

.ap-tyre-offer.red {
    background: var(--primary-color);
    color: #fff;
}
.ap-tyre-offer.ap-offer-wrap {
    --_offerGap: 8px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: var(--_offerGap);
}

.ap-tyre-offer.ap-offer-wrap .ap-offer-box:only-child {
    max-width: 100%;
}

.ap-tyre-offer.ap-offer-wrap .ap-offer-box:not(:only-child) {
    max-width: calc(50% - var(--_offerGap));
}

.ap-tyre-offer.ap-offer-wrap .offer-name.offer-name-limit {
    font-size: 11px;
    margin: 0 0 3px !important;
}

.new-layout .tkf-product .ap-tyre-offer.ap-offer-wrap .ap-offer-one,
.new-layout .tkf-product .ap-tyre-offer.ap-offer-wrap .ap-offer-two {
    font-size: clamp(0.875rem, -0.208rem + 1.333vw, 1.125rem);
    font-size: clamp(0.875rem, 0.225rem + 0.8vw, 1.125rem);
    line-height: 1.2;
}

.hero-tyre-offer.red {
    background: var(--primary-color);
    color: #fff;
    padding: 8px;
}
.hero-tyre-offer .offer-name {
    display: block;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 20px 6px;
}

.hero-tyre-offer .offer-name.offer-name-limit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 12px !important;
    line-height: 14px !important;
    height: auto !important;
    max-height: 28px !important;
    margin: 0 0 6px !important;
}
.hero-tyre-offer .offer-name.offer-name-limit + .hero-all-offers {
    padding: 0 !important;
}
.hero-all-offers {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}
.hero-offer-one {
    color: #ffff00;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
.hero-offer-one span {
    font-size: 12px;
}
.hero-offer-two {
    color: #fff;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
}
.hero-offer-two span {
    font-size: 12px;
}
.hero-offer-one small,
.hero-offer-two small {
    display: block;
    font-size: 9px;
    text-align: right;
}
.tkf-product-section {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    min-height: 25vh;
}
.tkf-product-section.modal-products {
    text-align: left;
}

.tkf-product-section.modal-products .tkf-product {
    text-align: left;
    width: 100%;
}
.tkf-product {
    width: 25%;
    position: relative;
    padding: 10px;
    margin: 0 0 20px;
    position: relative;
    border-radius: 15px 0 15px;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 15px;
    display: flex;
    /* flex-grow: 1; */
    min-width: 250px;
}

@media screen and (max-width: 1540px) {
    .tkf-product {
        width: 33.33%;
    }
}

.tkf-product .box {
    width: 100%;
}

.tkf-product-section:not(.tkf-product-list):not(.set-four-section) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(290px, 25%), 1fr));
}

.tkf-product-section:not(.tkf-product-list):not(.set-four-section) .tkf-product {
    width: 100%;
}

.tkf-product-section:not(.tkf-product-list) .tkf-product .box {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}

.tkf-product-section:not(.tkf-product-list) .tkf-product .box .img-area,
.tkf-product-section:not(.tkf-product-list) .tkf-product .box .detailArea {
    width: 100%;
}

.promotions {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.promotions small {
    background: #000;
    color: #fff;
    margin: 5px 0;
    padding: 6px 10px;
    display: inline-block;
    vertical-align: top;
}
.promotions .ap-promo-highlight {
    color: var(--primary-color);
    color: #fff;
}
.promotions small .fa {
    color: #53bc46 !important;
}
.tkf-product-section.tkf-product-list .ap-all-offers {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.tkf-product-section.tkf-product-list .ap-tyre-offer {
    padding: 15px 10px 30px !important;
}
.tkf-product-section.tkf-product-list .ap-tyre-offer.ap-offer-wrap {
    padding: 10px !important;
}
.tkf-product-section.tkf-product-list:not(.set-four-section) .ap-tyre-offer.ap-offer-wrap {
    flex-flow: column nowrap;
}
.tkf-product-section.tkf-product-list:not(.set-four-section) .ap-tyre-offer.ap-offer-wrap .ap-offer-box:not(:only-child) {
    max-width: 100%;
}
.tkf-product-section.tkf-product-list .ap-offer-one small,
.tkf-product-section.tkf-product-list .ap-offer-two small {
    text-align: left;
}
.tkf-product-section.tkf-product-list .ap-tyre-offer .offer-name {
    margin-bottom: 10px;
}
.tkf-product-section.tkf-product-list .ap-all-offers .ap-offer-two {
    margin-left: 0;
}
.tkf-product-section.tkf-product-list .tkf-product {
    width: 100%;
    float: none;
}
.tkf-product-section.tkf-product-list .tkf-product .box {
    display: flex;
    padding: 10px;
}
.tkf-product-section.tkf-product-list .tkf-product .tkf-product-header {
    width: 60%;
    padding: 25px;
    height: auto;
}

.tkf-product-section.tkf-product-list .tkf-product .img-area .brand-logo-wrapper img {
    object-position: left;
    max-height: 34px;
    margin: 0;
}
.tkf-product-section.tkf-product-list .tkf-product-img img {
    height: 180px !important;
}
.tkf-product-section.tkf-product-list .tkf-product .tkf-product-header .trye-approved-brands,
.tkf-product-section.tkf-product-list .tkf-product .tkf-product-header .tyre-icons {
    width: 30%;
}
.tkf-product-section.tkf-product-list .tkf-product .img-area {
    display: flex;
    width: 60%;
    border-radius: 0 !important;
}


.tkf-product-section.tkf-product-list .tkf-product .detailArea {
    display: flex;
    flex-flow: row wrap;
    width: 40%;
}
.tkf-product-section.tkf-product-list .tkf-product .detailArea .detailArea-content {
    display: flex;
    width: 100%;
    align-items: center;
}
.tkf-product-section.tkf-product-list .tkf-product .img-area > div:nth-child(2) {
    width: 70%;
}
.tkf-product-section.tkf-product-list .tkf-product .detailArea .price,
.tkf-product-section.tkf-product-list .set-price-box .detailArea .price {
    padding: 8px 10px;
}
.tkf-product-section.tkf-product-list .tkf-product .detailArea .apiCol2 {
    width: 70%;
}
.tkf-product .img-area {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    position: relative;
    /* float: left; */
    width: 100%;
}
.tkf-product .tkf-product-header .tyresoft_enabled {
    margin: -20px -20px 10px;
    width: auto;
    float: none;
}
.tkf-product .tkf-product-header {
    /* float: left; */
    width: 100%;
    height: 140px;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
}
.new-layout .tkf-product .tkf-product-header {
    height: auto;
    min-height: 148px;
}
.approved-brand-logo {
    display: flex;
    position: relative;
}
.tkf-product .tkf-product-header .other-infos {
    display: flex;
    position: relative;
}
.tkf-product .tkf-product-header .brand-logo-wrapper {
    border-radius: 0;
    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 25px;
    width: 100%;
    display: flex;
}
.tkf-product .tkf-product-header img {
    border-radius: 0;
    display: block;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center;
    /*max-height: 40px;*/
	max-height: 31px;
    max-width: 300px;
    width: 100%;
    margin: 0 auto 10px;
}
.tkf-product .para-text {
    color: #000 !important;
    line-height: 1.2 !important;
    font-family: var(--tfcw-primary-font);
    margin: 0 0 5px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    min-height: 50px;
}
@media screen and (min-width: 1280px) {
    .tkf-product .para-text {
        min-height: 65px;
    }  
}
.tkf-product .tkf-product-img {
    float: left;
    width: 80%;
    /* height: 200px; */
    position: relative;
    display: flex;
    justify-content: center;
    display: block;
    padding: 0;
    text-align: center;
    pointer-events: none;
}
.tkf-product .tkf-product-img .bottom-badge {
    position: absolute;
    bottom: -40px;
    width: 40px;
    right: -35px;
    z-index: 2;
}
.tkf-product-section.tkf-product-list .tkf-product-img .bottom-badge {
    position: absolute;
    bottom: 20px;
    width: 40px;
    right: 40px;
    z-index: 2;
}
.tkf-product-section.tkf-product-list .tkf-product .app-download {
    border-radius: 10px !important;
}
.tkf-product .tkf-product-img .bottom-badge img {
    height: auto !important;
    width: 100%;
    display: block;
}
.tkf-product .tkf-product-img .top-badge img {
    height: auto !important;
    width: 50px;
}
.tkf-product-img img {
    height: 220px;
}
.tkf-product-wheel {
    float: left;
    width: 57%;
    padding: 0px 10px;
    position: relative;
}
.tkf-product-wheel img {
    width: 100%;
}
.tkf-product .tyre-icons {
    float: left;
}
.tkf-product .tyre-icons i {
    margin-bottom: 5px;
}
.tyre-icons {
    float: left;
    padding: 5px 10px;
    width: 100%;
}
.tyre-icons i {
    /*cursor: pointer;*/
    height: 30px;
    width: 30px;
    background-size: cover;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 3px;
}
.tyre-icon:last-child {
    margin: 0;
}
.tyre-icons i:hover {
    /*cursor: pointer;*/
    height: 30px;
    width: 30px;
    background-size: cover;
    display: inline-block;
}

.icon-4x4 {
    background: url(../img/filter-icons/4x4-over.png) no-repeat;
}
.icon-4x4:hover {
    background: url(../img/filter-icons/4x4-static.png) no-repeat;
}
.icon-car {
    background: url(../img/filter-icons/car-over.png) no-repeat;
}
.icon-car:hover {
    background: url(../img/filter-icons/car-static.png) no-repeat;
}
.icon-van {
    background: url(../img/filter-icons/van-over.png) no-repeat;
}
.icon-van:hover {
    background: url(../img/filter-icons/van-static.png) no-repeat;
}
.winter-over {
    background: url(../img/filter-icons/winter-over.png) no-repeat;
}
.winter-over:hover {
    background: url(../img/filter-icons/winter-static.png) no-repeat;
}
.icon-all-seasons {
    background: url(../img/filter-icons/all-over.png) no-repeat;
}
.icon-all-seasons:hover {
    background: url(../img/filter-icons/all-static.png) no-repeat;
}
.icon-summer {
    background: url(../img/filter-icons/summer-over.png) no-repeat;
}
.icon-summer:hover {
    background: url(../img/filter-icons/summer-static.png) no-repeat;
}

.extra-load-over {
    background: url(../img/filter-icons/extra-load-over.png) no-repeat;
}
.extra-load-over:hover {
    background: url(../img/filter-icons/extra-load-static.png) no-repeat;
}
.run-flat-over {
    background: url(../img/filter-icons/run-flat-over.png) no-repeat;
}
.run-flat-over:hover {
    background: url(../img/filter-icons/run-flat-static.png) no-repeat;
}
.tkf-product .feature-image {
    float: left;
    width: 20%;
    top: 20px;
    padding-top: 20px;
    padding: 30px 0px;
    position: relative;
    left: -15px;
}
.feature-block a {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid #ff0000;
    border-radius: 5px;
    color: #ff0000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 25px;
    margin-right: 20px;
    margin: 0px auto 10px;
    position: relative;
    text-align: center;
    width: 35px;
    clear: both;
    text-decoration: none;
}

.feature-block .icon {
    background: #c8c8c8;
    border: 0px solid #ffffff;
    border-radius: 30px;
    color: #ffffff;
    display: block;
    font-size: 13px;
    height: 25px;
    line-height: 18px;
    padding: 6px;
    position: absolute;
    right: -20px;
    top: 0;
    transform: translateY(-30%);
    width: 25px;
}
/*Tyre Specification icons*/
.feature-block .icon1,
.feature-block .icon2,
.feature-block .icon3 {
    border: 2px solid #000;
    background: #fff;
    color: #000;
    border-radius: 20px;
    width: 30px;
}
/* .feature-block .icon1 .icon {
    background: #fbb03b;
}
.feature-block .icon2 .icon {
    background: #4eadea;
}
.feature-block .icon3 .icon {
    background: #f8171b;
} */
.tkf-container .feature-block i.fa {
    color: #000;
    display: block;
}
/*Tyre Specification three*/
.tkf-product .detailArea .price,
.set-four-box .set-price-box .price {
    background: #000;
    background: -moz-linear-gradient(left, #000 0%, #0b2269 100%);
    background: -webkit-linear-gradient(left, #000 0%, #0b2269 100%);
    background: linear-gradient(to right, #000 0%, #0b2269 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#0b2269', GradientType=1);
    border-radius: 0 12px 12px 0;
    color: #ffffff;
    font-family: var(--tfcw-primary-font);
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    line-height: 20px;
    padding: 5px;
    width: 100%;
}
/* .tkf-product .detailArea .price i {
    font-size: 18px;
} */
.tkf-product .detailArea span.booking-option,
.set-four-box .set-price-box span.booking-option {
    font-family: var(--tfcw-primary-font);
    color: #777;
    display: block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 0;
}
.tkf-product .detailArea span.booking-option i,
.set-four-box .set-price-box span.booking-option i {
    font: italic 10px/13px var(--tfcw-primary-font);
    color: #3e9a33;
}
.tkf-product .detailArea span.booking-option em,
.set-four-box .set-price-box span.booking-option em {
    color: #fff;
}
.tkf-product .detailArea .BuyingOption > .tkf-buyingOption-title,
.set-four-box .set-price-box .BuyingOption > .tkf-buyingOption-title {
    font-size: 12px;
    line-height: 1.5;
    font-family: var(--tfcw-primary-font);
    text-transform: uppercase;
    font-weight: 500;
    background: #fafafa;
    background: none;
    display: block;
    padding: 2px 20px;
    margin: 5px -10px;
}
.set-four-box .set-price-box .BuyingOption > .tkf-buyingOption-title {
    margin: 5px 0;
    padding: 0;
}
.tkf-product .detailArea ul {
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-weight: 300;
    display: block;
    overflow: hidden;
    width: 100%;
}
.tkf-product .detailArea ul li {
    font-size: 13px;
    line-height: 1.5;
    font-family: var(--tfcw-primary-font);
    list-style: none;
    display: block;
    color: #3e9a33;
    overflow: hidden;
    padding: 2px 10px;
}
.tkf-product .detailArea ul li b {
    color: #000;
    float: right;
    font-weight: 300;
}
.ap-method-title {
    float: left;
    width: 50%;
}
.ap-method-price {
    float: left;
    width: 50%;
    text-align: right;
    color: #fff;
}
.ap-method-price strike {
    font-size: 12px;
    color: #3e9a33;
}
.tkf-product .detailArea .price small {
    font-size: 22px;
    color: #c2c2c2;
    display: inline-block;
    vertical-align: middle;
}
.tkf-product-area .detailArea ul li .ap-method-title {
    font-size: 14px;
    line-height: 1.5;
    font-family: var(--tfcw-primary-font);
    font-style: italic;
    color: #3e9a33;
}
.tkf-product-area .detailArea ul li .ap-method-title i {
    color: #fff;
}
.tkf-product-area .detailArea ul li .ap-method-title b {
    font-weight: 300;
    color: #fff;
    float: right;
}
.tkf-product .detailArea {
    background: #000;
    position: relative;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}
.tkf-product .apiCol1 {
    width: 100%;
    float: left;
}
.tkf-product .apiCol2 {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

.tkf-product-section.popup-recommended-tyre .tkf-product {
    margin-bottom: 0;
}

.tkf-product-section.popup-recommended-tyre .apiCol2 {
    margin: 0;
    padding: 10px;
    width: 100%;
}

.tkf-product-section.popup-recommended-tyre .tkf-product .detailArea {
    padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .tkf-product-section.popup-recommended-tyre .tkf-product .box {
        display: flex;
        flex-flow: row wrap;
    }
    .tkf-product-section.popup-recommended-tyre  .tkf-product .box .img-area,
    .tkf-product-section.popup-recommended-tyre  .tkf-product .box .detailArea {
        width: 50% !important;
    }

    .tkf-product-section.popup-recommended-tyre  .tkf-product .box .img-area {
        align-self: stretch;
    }

    .tkf-product-section.popup-recommended-tyre  .tkf-product .box .tkf-product-header,
    .tkf-product-section.popup-recommended-tyre  .tkf-product .box .popup-ap-tyre-offer {
        margin: 0 -100% 0 0;
        width: 200%;
        float: none;
    }

    /* .tkf-product-section.popup-recommended-tyre  .tkf-product .box .popup-ap-tyre-offer {
        padding: 0 10px;
    } */

    .tkf-product-section.popup-recommended-tyre .tkf-product .detailArea {
        align-self: flex-end;
        padding-top: 120px;
    }
}



.rear-price-label {
    display: block;
    padding: 5px 10px 0;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    /* text-transform: capitalize; */
    color: #999;
}
.tkf-product .apiCol1 .price {
    border: 0;
    padding: 5px;
}
.tkf-product .detailArea .price dt {
    color: #3e9a33;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
}
.tkf-product input[type="text"] {
    box-shadow: inset 1px -1px 10px 0px #ababab;
    -webkit-box-shadow: inset 1px -1px 10px 0px #ababab;
    -moz-box-shadow: inset 1px -1px 10px 0px #ababab;
    -o-box-shadow: inset 1px -1px 10px 0px #ababab;
    border: 2px solid #ababab;
    border-radius: 5px;
    color: #000;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 1.2;
    height: 40px;
}
.custom-pagination {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    display: block;
    cursor: pointer;
}
.custom-pagination ul {
    padding: 0;
}
.custom-pagination li {
    display: inline-block;
    vertical-align: top;
    margin-left: -1px;
}
.custom-pagination li.active {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
}
.custom-pagination li.active a {
    color: #fff;
}
.custom-pagination li a {
    text-decoration: none;
    padding: 6px 12px;
    display: inline-block;
    border: 1px solid #ddd;
    color: #000;
}
.impMessage .table-border {
    background: none;
    border-collapse: collapse;
    color: #fff;
    width: 100%;
}
.impMessage .table-border td,
.impMessage .table-border th {
    background: none;
    border: 1px solid #ccc;
    color: #000;
    font-size: 13px;
    padding: 5px;
    text-align: left;
}
.impMessage .table-border thead,
.impMessage .table-border tbody {
    background: none;
}
/**** Basket Page***/
.cart-area .summary {
    display: none;
}
.cart-area .summary {
    font-size: 12px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border-radius: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    overflow: hidden;
    width: 100%;
}
.cart-area {
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #eee;
    font-size: 16px;
    margin-top: 25px;
    font-style: italic;
}
.cart-area .cart-heading {
    overflow: hidden;
    width: 100%;
    background: #ededed;
    color: #000;
    font-weight: 500;
    border-radius: 15px 15px 0 0;
    padding: 10px;
    overflow: hidden;
}
.cart-area .summary h6 {
    color: #000;
    font-size: 18px;
    margin: 0;
}
.cart-area .qty-sm input {
    border: 0px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    text-align: center;
    vertical-align: middle;
}
.innerShadow {
    box-shadow: inset 1px -1px 10px 0px #ababab;
    -webkit-box-shadow: inset 1px -1px 10px 0px #ababab;
    -moz-box-shadow: inset 1px -1px 10px 0px #ababab;
    -o-box-shadow: inset 1px -1px 10px 0px #ababab;
}
.cart-area .qty-sm a {
    display: inline-block;
}
.cart-area .qty-sm a img {
    width: 30px;
    vertical-align: middle;
}
.cart-area .summary .product-row {
    border-bottom: 1px solid #ddd;
    margin: 0 10px;
    overflow: hidden;
    padding: 10px 0;
}
.cart-area .cart-description {
    font-size: 18px;
    padding: 10px;
    font-family: var(--tfcw-primary-font);
    border-bottom: 1px solid #eee;
    color: #000;
}
.gridRow {
    overflow: hidden;
    padding: 5px 0;
}
.gridwrap {
    float: left;
}
.yourTyres {
    width: 55%;
}
.cart-area .tyreTitle {
    color: #000;
    float: left;
    font-size: 18px;
    text-align: left;
    width: 70%;
}
.add-rear-tyre {
    color: #3e9a33;
    position: relative;
    display: block;
    font-size: 14px;
    padding: 10px;
}

.selectWrapper {
    background: #000;
    border: medium none;
    border-radius: 5px;
    font-size: 15px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    color: #fff;
}

.selectWrapper:after {
    position: absolute;
    content: "\f0d7";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    pointer-events: none;
    font-style: normal;
}
.selectWrapper select {
    background: #000;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    width: 130% !important;
    max-width: 130% !important;
    border: none;
    color: #fff !important;
    padding: 5px;
    margin: 0;
}
.close-btn a {
    width: 25px;
    display: inline-block;
    vertical-align: top;
}
.close-btn a img {
    display: block;
    width: 100%;
    height: auto;
    border: none;
}
.noOptionSelected {
    padding: 10px;
}

.cartQuantity {
    width: 10%;
    display: inline-block;
}
.cartPrice {
    width: 15%;
    display: inline-block;
}
.cartTotal {
    width: 15%;
    display: inline-block;
}
.cartControl {
    width: 5%;
    text-align: center;
}
.cartExtraPrice {
    width: 28%;
}
.cartExtraQuantity {
    width: 28%;
}
.cartExtraTotal {
    width: 28%;
}
.tyreAddOption {
    float: left;
    text-align: center;
    width: 30%;
}
.cartAddBtn {
    background: #000;
    border: 2px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: left;
    padding: 5px 10px;
    font-style: italic;
    cursor: pointer;
    font-size: 10px;
}
.cartAddBtn:hover {
    background: #000;
    color: #fff;
}
.checkOutAddBtn {
    background: #000;
    border: 2px solid #000;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    display: inline-block;
    text-align: left;
    padding: 5px 25px;
    font-style: italic;
    cursor: pointer;
    font-size: 22px;
}
.checkOutAddBtn:hover {
    color: #fff;
}
.cart-price-area {
    position: relative;
}
.cart-area .ExtraService {
    border-top: 1px solid #eee;
    padding: 10px;
}
.extraGridRow {
    background: #eee none repeat scroll 0 0;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px;
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.extraServicePrice {
    float: left;
    width: 35%;
}
.extraServiceTitleWrapper {
    float: left;
    width: 70%;
}
.extraServiceTitle {
    display: inline-block;
    width: 50%;
}
.extraServiceTitleWrapper .extraPrice {
    display: inline-block;
}
.new-buying-option ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}
.new-buying-option ul li {
    float: left;
    text-align: center;
    border-right: 1px solid #eee;
    padding: 10px 0;
    vertical-align: top;
    min-height: 70px;
    width: 33%;
}
.new-buying-option ul li:last-child {
    border-right: none;
}
.new-buying-option ul li i {
    color: #3e9a33;
}
.new-buying-option ul li .changeTime {
    display: inline-block;
    font-size: 12px;
    text-decoration: underline;
}
.ps-changeCenter {
    display: block;
    text-decoration: underline;
}
.new-buying-option ul li strong {
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.option-block.hide-state {
    display: none;
}
.fittingCenterTitle {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #3e9a33;
    margin: 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.fittingCenterTitle a {
    font-size: 14px;
}
.bookingOptionTitle {
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #000;
    margin: 5px 0;
}
.noticeFinalStep {
    color: #3e9a33;
    font-size: 22px;
    margin-bottom: 5px;
    text-align: center;
}
.cartBookFitting .dateTime {
    border: medium none;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px 5px;
    position: relative;
    width: 100%;
    color: #333;
    margin: 5px 0;
}
.tkf-container .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.gridPaddingRight {
    padding-right: 20px;
    box-sizing: border-box;
}
.bookingGrid {
    box-sizing: border-box;
    float: left;
    padding: 0px;
    width: 100%;
    background: #fff;
}
.bookingGrid h3.same-height-left,
.bookingGrid h3.same-height-right,
.book-fitting h3,
.bookingGrid h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 23px !important;
    font-weight: bold;
    font-size: 18px !important;
    height: auto !important;
    max-height: 44px !important;
    margin: 0 0 15px !important;
}
.bookingGrid.same-height-right {
    padding-top: 0;
    height: auto !important;
}
.bookingGrid .center-details {
    margin-bottom: 15px;
    text-align: left;
}
.bookingLocatorContent .ap-select-time {
    padding: 0;
}
.bookingGrid.same-height-right br {
    display: none;
}
.branch-media-holder {
    position: relative;
    padding-top: 41.56%;
    overflow: hidden;
    height: 130px;
    width: 100%;
    margin: 0 0 10px;
    background-color: #efeeec;
}
.branch-media-holder > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.branch-media-holder > img {
    object-fit: cover;
}

.bookingLocator h3 {
    margin-top: 0 !important;
}
.cartMobileHeading {
    overflow: hidden;
    padding: 10px;
}
.align-center {
    text-align: center;
}
.productRowOther {
    overflow: hidden;
    padding: 10px;
}
.total-amount-r > i {
    font-size: 12px;
}
.option-block.active i.counting {
    display: none;
}
.option-block.active h2 i.fa-check {
    display: block;
}
.checkoutVat {
    font-size: 12px;
    display: block;
}
.right-side-content {
    padding-right: 20px;
}
.impMessage {
    display: block;
    margin-top: 10px;
    overflow: hidden;
    float: left;
    width: 100%;
    padding-left: 20px;
}
.impMessage ul {
    padding-left: 20px;
    margin-bottom: 10px;
}
.impMessage li {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
}
.impMessage > p {
    color: #000;
    line-height: 28px;
    font-size: 18px;
    font-weight: 500;
}

.impMessage > h2 {
    color: var(--primary-color);
}
.impMessage p strong {
    font-weight: 500;
}

.new-buying-option {
    padding: 10px;
    text-align: center;
}
.option-block {
    background: #bdbdbd;
    background: -moz-linear-gradient(top, #bdbdbd 0%, #a1a1a1 100%);
    background: -webkit-linear-gradient(top, #bdbdbd 0%, #a1a1a1 100%);
    background: linear-gradient(to bottom, #bdbdbd 0%, #a1a1a1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bdbdbd', endColorstr='#a1a1a1',GradientType=0 );
    display: inline-block;
    border-radius: 10px;
    padding: 10px;
    vertical-align: top;
    text-align: left;
    width: 24%;
    box-sizing: border-box;
}
.option-block.active {
    background: #98ca57;
    background: -moz-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: -webkit-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: linear-gradient(to bottom, #98ca57 0%, #7cae3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ca57', endColorstr='#7cae3b',GradientType=0 );
}
.option-block.active i.counting {
    color: #000;
}
.option-block h2 {
    color: #000;
    font-size: 22px;
    font-weight: 100;
    margin: 0;
    text-transform: uppercase;
    line-height: 22px;
    position: relative;
    font-family: var(--tfcw-primary-font);
    font-style: italic;
}
.option-block.active h2 {
    color: #000;
}
.option-block h2 span {
    color: #fff;
    display: block;
}
.option-block h2 i.fa-check,
.option-block h2 i.counting {
    background: #cecece none repeat scroll 0 0;
    border-radius: 100%;
    color: #b9b9b9;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 35px;
}
.option-block h2 i.fa-check {
    display: none;
}
.option-block .buying-price {
    font-weight: bold;
    color: #fff;
    font-size: 28px;
}
.option-block .buying-description {
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    line-height: 18px;
    font-family: var(--tfcw-primary-font);
    min-height: 60px;
}
.option-block .new-info {
    background: url(../img/info-icon-white.png) no-repeat;
    height: 12px;
    width: 12px;
    margin-top: 5px;
}
.select-option {
    background: #253f91;
    background: -moz-linear-gradient(top, #253f91 0%, #0e287b 100%);
    background: -webkit-linear-gradient(top, #253f91 0%, #0e287b 100%);
    background: linear-gradient(to bottom, #253f91 0%, #0e287b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253f91', endColorstr='#0e287b',GradientType=0 );
    border: 2px solid #253f91;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: left;
    margin-top: 10px;
    padding: 10px 5px;
    width: 100%;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: visible;
}
.select-option:hover {
    color: #fff;
}
.select-option:hover .buyingToolTip {
    display: block;
}
.buyingToolTip {
    bottom: 0px;
    left: 0;
    position: absolute;
    z-index: 9999;
    display: none;
    top: 100%;
    width: 170px;
    height: 100px;
}
.buyingToolTipContent {
    position: relative;
}
.buyingToolTipContent {
    position: relative;
    background: #000;
    border: 2px solid #fff;
    color: #fff;
    font-weight: normal;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 99999;
}
.buyingToolTipContent:after,
.buyingToolTipContent:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.buyingToolTipContent:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}
.buyingToolTipContent:before {
    border-color: rgba(124, 174, 59, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}
.new-info .infoContent {
    background: #000 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    display: none;
    font-size: 12px;
    font-weight: 300;
    padding: 10px;
    position: absolute;
    left: 0px;
    width: 225px;
    z-index: 99999;
    top: 15px;
}
.new-info:hover .infoContent {
    display: block;
    position: relative;
}
.div-content {
    display: none;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}
.contentInner {
    padding: 20px;
    overflow: hidden;
    display: block;
    margin: 0 !important;
    text-align: center;
}
.cart-area .ExtraService span {
    background: url(../img/info-icon.png);
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative;
}
.cart-area .ExtraService span:hover b {
    display: block;
}
.cart-area .ExtraService b {
    width: 225px;
    background: #000;
    color: white;
    border-radius: 5px;
    padding: 10px;
    font-weight: 300;
    z-index: 99999;
    position: absolute;
    border: 1px solid #fff;
    left: 0;
    display: none;
    margin-top: 15px;
}
.postCode .book_fitting_form a.fitting-center {
    background: #98ca57;
    background: -moz-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: -webkit-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: linear-gradient(to bottom, #98ca57 0%, #7cae3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ca57', endColorstr='#7cae3b',GradientType=0 );
    padding: 10px 15%;
    border-radius: 10px;
    color: white;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-style: italic;
}
.postCode .book_fitting_form a.fitting-center:hover {
    text-decoration: none;
    color: #000;
}
.total-amount {
    background: #ededed;
    text-align: center;
    color: #000;
    text-align: right;
    font-size: 22px;
    font-weight: 400;
    padding: 15px;
    border-radius: 0 0 15px 15px;
    overflow: hidden;
}
.btn-checkout {
    background: #000;
    border: 2px solid #000;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 25px;
    font-style: italic;
    font-weight: 300;
    margin-top: 15px;
    padding: 5px 50px;
    position: relative;
}
.btn-checkout:hover {
    color: #3e9a33;
}
.extras h2 small {
    color: #bebebe;
    font-size: 14px;
    font-weight: normal;
    line-height: 28px;
    display: block;
}
.extra-service .checkbox .cr {
    font-size: 20px;
    background: #fff;
    margin-right: 15px;
}
.extra-service .radio .cr {
    background: #ffffff none repeat scroll 0 0;
    font-size: 20px;
}
.coupon-form-action {
    color: var(--primary-color) !important;
    text-decoration: none;
    text-transform: uppercase;
}
.coupon-form-wrapper {
    margin-bottom: 10px;
    margin-top: 10px;
    display: none;
}
.sidebar-total-amount {
    background: #fff;
    float: left;
    width: 100%;
    text-align: center;
}
.side-cart-control {
    float: left;
    width: 100%;
    padding: 15px 0;
}
.cart-total-amount {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    display: inline;
}
.sidebar-total-count {
    margin-bottom: 10px;
    font-size: 15px;
}
.sidebar-total-count .vt-row {
    text-align: left;
}
.sidebar-total-count .vt-row:first-child strong {
    margin: 10px;
}
.sidebar-total-count .vt-row:last-child {
    background: #f3f3f3;
    padding: 15px 0;
    margin: 5px auto 0;
}
.sidebar-total-count strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin: 4px;
    display: inline-block;
    color: var(--primary-color);
}
.sidebar-total-count.with-sub > div {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}
.sidebar-total-count.with-sub > div:last-child {
    background: #f8f8f8;
    margin: 0 -20px -20px;
    padding: 20px 40px 20px;
    color: #000 !important;
}
.sidebar-total-count.with-sub > div:last-child strong,
.sidebar-total-count.with-sub > div:last-child .cart-total-amount {
    color: #000 !important;
}
.sidebar-total-count.with-sub strong {
    margin: 0;
}
.sidebar-total-count .vt-row:last-child strong {
    margin: 0;
}
.sidebar-total-count .cart-discount {
    font-size: 24px;
    color: #000;
    font-weight: 500;
}
.sidebar-total-count .cart-after-discount {
    font-size: 28px;
    font-weight: bold;
    color: #333;
}
.ap-coupon-code,
.common-form-code {
    overflow: hidden;
    border-radius: 0;
    margin: 0;
    display: flex;
}
.post-code-form {
    margin: 0 0 15px;
}
.ap-coupon-code input[type="text"],
.common-form-code input[type="text"],
.common-form-code .form-control {
    color: #333 !important;
    background: #fff;
    float: left !important;
    padding: 10px !important;
    width: 70% !important;
    border: 2px solid #444 !important;
    margin: 0px !important;
    height: 50px;
    font-weight: bold;
}
.ap-coupon-code .apply-coupon,
.common-form-code .apply-code {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    border: none;
    border-radius: 0px !important;
    cursor: pointer;
    padding: 10px;
    float: left;
    width: 28%;
    height: 50px;
    margin: 0 0 0 2%;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    border: none;
    padding: 0 !important;
}

.cd-confirm-content .close-model-d {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px !important;
    height: 26px !important;
    border: 0 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 3px !important;
}
.invalid-error {
    color: #ff0000;
    font-size: 12px;
    display: inline-block;
    padding: 10px 0;
}

.available_zones {
    position: relative;
    margin: 0 0 15px;
}

.delivery-zones .ta-custom-control {
    width: 100%;
    display: flex !important;
    align-items: center !important;
}
.delivery-zones .ta-custom-control .ta-fake-custom-input {
    align-self: center !important;
    flex-shrink: 0;
}

.delivery-zones .ta-custom-control .ta-fake-custom-label {
    display: flex !important;
    flex-grow: 1;
}

.zone-meta {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding: 0 10px 0 0;
    list-style: none;
    margin: 0 -15px;
    width: calc(100% + 30px);
    text-align: left;
    color: #000;
    font-weight: 400;
}

.sidebar-total-count.text-right {
    text-align: right;
}

.zone-meta li {
    flex-grow: 1;
    padding: 5px 15px;
    min-width: 110px;
}

.zone-meta li:last-child {
    flex-grow: 0;
    min-width: 1px;
}

@media screen and (max-width: 767px) {
    .sidebar-total-count.text-right {
        text-align: center;
    }

    .ap-coupon-code,
    .common-form-code {
        flex-direction: column;
    }

    .ap-coupon-code input[type="text"],
    .common-form-code input[type="text"],
    .common-form-code .form-control,
    .ap-coupon-code .apply-coupon,
    .common-form-code .apply-code {
        width: 100% !important;
        margin: 5px 0 !important;
        display: block !important;
    }

    /* .zone-meta li {
        order: -1;
    }

    .zone-meta li:nth-child(2n + 2) {
        width: 100%;
        min-width: 100%;
        order: 1;
    } */
}

.vehicle-information label {
    font-weight: normal;
}
.vehicle-information label.error {
    font-weight: normal;
    font-size: 12px;
    color: #ff0000;
}
.btn-fitting-center {
    background: rgb(163, 209, 101);
    background: -moz-linear-gradient(top, rgba(163, 209, 101, 1) 0%, rgba(157, 203, 95, 1) 18%, rgba(123, 170, 62, 1) 75%, rgba(113, 159, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(163, 209, 101, 1) 0%, rgba(157, 203, 95, 1) 18%, rgba(123, 170, 62, 1) 75%, rgba(113, 159, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(163, 209, 101, 1) 0%, rgba(157, 203, 95, 1) 18%, rgba(123, 170, 62, 1) 75%, rgba(113, 159, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d165', endColorstr='#719f33',GradientType=0 );
    border: 2px solid #719f33;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    padding: 8px 10px;
    font-style: italic;
    cursor: pointer;
    line-height: 1.2;
    display: inline-block;
}
.btn-fitting-center:hover {
    background: rgb(113, 159, 51);
    background: -moz-linear-gradient(top, rgba(113, 159, 51, 1) 0%, rgba(123, 170, 62, 1) 25%, rgba(157, 203, 95, 1) 82%, rgba(163, 209, 101, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(113, 159, 51, 1) 0%, rgba(123, 170, 62, 1) 25%, rgba(157, 203, 95, 1) 82%, rgba(163, 209, 101, 1) 100%);
    background: linear-gradient(to bottom, rgba(113, 159, 51, 1) 0%, rgba(123, 170, 62, 1) 25%, rgba(157, 203, 95, 1) 82%, rgba(163, 209, 101, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#719f33', endColorstr='#a3d165',GradientType=0 );
}

.ex-service-detail {
    display: flex;
    align-items: center;
    width: 100%;
}
.extra-service .checkTitle {
    display: block;
    font-size: 14px;
    line-height: 22px !important;
    font-weight: 600;
    line-height: 20px;
    color: #333 !important;
    flex: auto;
    background: #fff;
    /* text-transform: capitalize; */
}
.extra-service .checkTitle .checklist-modal {
    font-weight: 400 !important;
}

.extra-service .services-parts-dec {
    display: block;
    white-space: normal;
    line-height: 1.125;
}

.extra-service .estimated-title {
    font-size: 14px;
    line-height: 1.125;
}

.extra-service .m-price {
    color: var(--primary-color) !important;
    white-space: nowrap;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16px !important;
}
.extra-service .m-title {
    width: 45%;
    text-align: left;
    line-height: 18px;
    color: #333;
}
.extra-service .heading {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
}
.extra-service-heading {
    padding: 0 10px 20px;
}
/* .sub-extra {
    padding: 0 10px;
} */
.all-services .tb-row + .tb-row {
    margin-top: 20px;
}
.extra-service-heading h4 {
    color: var(--primary-color) !important;
    font-weight: 500;
    display: inline-block;
    margin: 0 !important;
    position: relative;
    z-index: 2;
}
.sub-service-heading {
    padding: 10px 0;
}
.sub-extra .checkbox-wrapper > span {
    padding: 15px 0;
    font-size: 14px;
    display: inline-block;
}
.sub-extra .checkbox-wrapper {
    background: transparent !important;
    margin-bottom: 20px;
    overflow: hidden;
    border: none !important;
}
.sub-extra .checkbox-wrapper:last-child {
    border-bottom: medium none;
    margin-bottom: 0;
}
.sub-extra .checkbox,
.sub-extra .radio {
    float: left;
    background: transparent;
    position: relative;
    width: 100%;
}
.extra-service-info {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
#input_rule_criteria,
.modal-criteria {
    max-width: 550px;
    min-height: 250px;
    background: #fff;
}
#input_rule_criteria h3,
.modal-criteria h3 {
    padding: 15px 0;
}
#input_rule_criteria .grid-30,
#input_rule_criteria .grid-70,
.modal-criteria .grid-30,
.modal-criteria .grid-70 {
    width: 100%;
    color: #000;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 20px;
    padding-left: 0;
    padding-right: 0;
}
#input_rule_criteria #reg_required_div {
    margin: 0;
}
#input_rule_criteria #reg_rule {
    height: 50px;
    border: 2px solid #ddd !important;
}
#input_rule_criteria #rule_criteria_button,
.modal-criteria .modal-criteria-btn {
    margin: 0 auto 30px;
    display: block !important;
    width: 100% !important;
    font-size: 22px !important;
}

#input_rule_criteria .grid-30 .error,
#input_rule_criteria .grid-70 .error,
.modal-criteria .grid-30 .error,
.modal-criteria .grid-70 .error{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #df5151;
}

.lvl-specs {
    background: none !important;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 4px solid var(--primary-color) !important;
    width: 100%;
}
.lvl-specs td {
    border: solid 1px #ccc;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    font-style: normal;
    padding: 8px;
    color: #333 !important;
    text-transform: capitalize;
}

.lvl-specs .fa {
    font-size: 17px;
}
.lvl-specs .fa.fa-check-circle {
    color: var(--primary-color) !important;
}

.lvl-specs td.rs_tbl_heading {
    background: var(--primary-color) !important;
    color: #fff !important;
    border-color: rgba(0,0,0,0.2) !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 600;
}
.lvl-specs .lvl-specs-heading-row td.rs_center_text {
    background: var(--primary-color) !important;
    color: #fff !important;
    border-color: rgba(0,0,0,0.2) !important;
}

.lvl-specs .lvl-specs-heading-row td.rs_center_text > * {
    color: #fff !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}
.lvl-specs td.rs_tbl_heading h2,
.lvl-specs td.rs_tbl_heading h3,
.lvl-specs td.rs_tbl_heading h4,
.lvl-specs td.rs_tbl_heading > * {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
    color: #fff !important;
}
.lvl-specs th {
    border-bottom: 1px solid #ddd !important;
    padding: 8px;
    font-size: 15px;
    color: #333 !important;
    font-weight: 600;
}

.lvl-specs tbody th {
    font-weight: 400;
}
/* .lvl-specs tr:nth-child(2n + 1) {
    background: none !important;
}
.lvl-specs tr:nth-child(2n) {
    background: none !important;
} */
.lvl-specs tbody tr:nth-child(odd) {
    background: #eee !important;
}
.lvl-specs h3 {
    margin: 0;
    /* color: #fff; */
}

.lvl-specs .rs_center_text {
    max-width: 150px;
    word-break: keep-all;
    min-width: 100px;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
}
.lvl-specs .rs_center_text P,
.lvl-specs .rs_center_text > ul > li {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
}
.lvl-details {
    padding: 20px 0;
    color: #000 !important;
}
/****New Cart Area****/
/* /product */
.ap-subheading {
    font-size: 16px;
    font-style: normal;
    margin-bottom: 30px;
    position: relative;
    /*top: -20px;*/
}
.useFull-Details .Choose-btn {
    overflow: visible;
}
.cart-page {
    font-weight: 300;
    overflow: hidden;
    padding: 0;
}
.cart-page.vt-row.userDetails {
    padding: 0;
}
.cart-page.vt-row.userDetails .wrap {
    max-width: 100%;
    margin-top: 10px;
}
.cart-page .cart {
    padding: 10px 0 0;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

.tkf-container .wrap {
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
    margin-bottom: 5em;
}
.tkf-container .empty-cart {
    padding: 10px 0;
}
.tkf-container .cartWrap {
    padding: 0;
    margin: 0;
}
.projTitle {
    font-weight: bold;
    text-align: center;
    font-size: 2em;
    padding: 1em 0;
    border-bottom: 1px solid #dadada;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.projTitle span {
    font-weight: normal;
    font-style: italic;
    text-transform: lowercase;
    color: #777;
}
.heading a.continue:link,
.heading a.continue:visited {
    text-decoration: none;
    letter-spacing: -0.015em;
    font-size: 0.75em;
    padding: 1em;
    color: #fff;
    background: #82ca9c;
    font-weight: bold;
    border-radius: 50px;
    float: right;
    text-align: right;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.heading a.continue:after {
    content: "\276f";
    padding: 0.5em;
    position: relative;
    right: 0;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.heading a.continue:hover,
.heading a.continue:focus,
.heading a.continue:active {
    background: #f69679;
}
.heading a.continue:hover:after,
.heading a.continue:focus:after,
.heading a.continue:active:after {
    right: -10px;
}

.tableHead {
    display: table;
    width: 100%;
    font-size: 0.75em;
}
.tableHead li {
    display: table-cell;
    padding: 1em 0;
    text-align: center;
}
.tableHead li.prodHeader {
    text-align: left;
}
.cart .items {
    display: block;
    width: 100%;
    position: relative;
}
.cart .items + .items {
    margin-top: 15px;
}
.cart .items .infoWrap {
    display: table;
    width: 100%;
}
.cart .items .specialContent {
    margin-top: 0;
    padding-bottom: 10px;
}
.cart .items .specialContent:before {
    content: "\21b3";
    font-size: 14px;
    color: #fff;
    padding: 0 5px;
}
.cart .items .infoWrap > .cartSection {
    width: 100%;
    display: flex;
}
.cart .items .infoWrap > .cartSection .name-of-product {
    width: auto;
    flex: auto;
    background: #fff;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    color: #000;
    height: 45px;
}
.cart-page .cart-section .name-of-product h3 {
    color: #000 !important;
}
.cart-page .cart-section.recommended-with-services {
    color: #000 !important;
}
.cart .items .infoWrap > .cartSection .qty-holder {
    width: 15%;
    background: #000;
    color: #fff;
    margin: 0 10px;
    height: 45px;
}
.cart .items .infoWrap > .cartSection .qty-holder .value {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: block;
    padding: 13px;
}
.cart .items .infoWrap > .cartSection .qty-holder select {
    background: #000;
    border: none;
    color: #fff;
    height: 45px;
    width: 100% !important;
    padding: 0 15px;
    font-size: 20px;
}
.cart .items .infoWrap > .cartSection .product-price-section {
    width: 15%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    height: 45px;
}
.cart .items .infoWrap > .cartSection:first-child .grid-30 p {
    padding: 5px;
    font-weight: 600;
}
.cart .items .infoWrap > .cartSection:first-child .selectWrapper {
    background: #000;
    height: 40px;
}
.cart .items .infoWrap > .cartSection:first-child .selectWrapper:after {
    color: #fff;
    content: "\f0dc";
    right: 10px;
    font-size: 20px;
}
.cartSection small {
    display: block;
    line-height: 16px;
    color: #807d7d;
    margin-left: 5px;
    font-weight: 500;
}
.cart .items .cartSection {
    display: table-cell;
    vertical-align: middle;
}
.cart .items .cartSection .itemNumber {
    font-size: 0.75em;
    color: #777;
    margin-bottom: 0.5em;
}
.cart .items .cartSection h3 {
    color: #000;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 1599px) {
    .cart .items .cartSection h3 {
        font-size: 14px;
    }
}

.cart .items .cartSection p {
    display: flex;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin: 0;
    line-height: 16px;
}
.cart .items .cartSection p .quantity {
    font-weight: bold;
    color: #333;
}
.cart .items .cartSection p.stockStatus {
    color: #82ca9c;
    font-weight: bold;
    padding: 0.5em 0 0 1em;
    text-transform: uppercase;
}
.cart .items .cartSection p.stockStatus.out {
    color: #f69679;
}
.cart .items .cartSection .itemImg {
    width: 4em;
    float: left;
}
.cart .items .cartSection.qtyWrap,
.cart .items .cartSection.prodTotal {
    text-align: center;
}
.cart .items .cartSection.qtyWrap p,
.cart .items .cartSection.prodTotal p {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0;
}
.cart .items .cartSection input.qty {
    width: 2em;
    text-align: center;
    font-size: 1em;
    padding: 0.25em;
    margin: 1em 0.5em 0 0;
}
.cart .items .cartSection .itemImg {
    width: 8em;
    display: inline;
    padding-right: 1em;
}
.cart .items .grid-15 {
    width: 25%;
}
.cart .items .cartSection .grid-30 {
    width: 40%;
}
.special {
    display: block;
}
.special .specialContent {
    /* border-top: 1px solid #dadada; */
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 20px;
    margin-top: 0.5em;
    padding: 0;
}
.special .specialContent:before {
    content: "\21b3";
    font-size: 1.5em;
    color: #fff;
}
.specialContent form {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
}
.specialContent .btn-add-rear {
    max-width: 70px;
    position: static;
    border: 1px solid #000;
}
.removeWrap a.remove {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    background: #fff;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    border-radius: 100%;
    line-height: 22px;
    font-style: normal;
    height: 22px;
    width: 22px;
    text-align: center;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.removeWrap a.remove:hover {
    background: #3e9a33;
}
.removeWrap a.remove-mobile {
    display: none;
}
.removeWrap a.remove i {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}
.promoCode {
    border: 2px solid #efefef;
    float: left;
    width: 35%;
    padding: 2%;
}
.promoCode label {
    display: block;
    width: 100%;
    font-style: italic;
    font-size: 1.15em;
    margin-bottom: 0.5em;
    letter-spacing: -0.025em;
}
.promoCode input {
    width: 85%;
    font-size: 1em;
    padding: 0.5em;
    float: left;
    border: 1px solid #dadada;
}
.promoCode input:active,
.promoCode input:focus {
    outline: 0;
}
.promoCode a.btn {
    float: left;
    width: 15%;
    padding: 0.75em 0;
    border-radius: 0 1em 1em 0;
    text-align: center;
    border: 1px solid #82ca9c;
}
.promoCode a.btn.continue:hover {
    border: 1px solid #f69679;
    background: #f69679;
}

.btn.continue:link,
.btn.continue:visited {
    text-decoration: none;
    letter-spacing: -0.015em;
    font-size: 1em;
    padding: 1em 3em;
    color: #fff;
    background: #82ca9c;
    font-weight: bold;
    border-radius: 50px;
    text-align: right;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.btn.continue:after {
    content: "\276f";
    padding: 0.5em;
    position: relative;
    right: 0;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
}
.tkf-container .btn:hover,
.tkf-container .btn:focus,
.tkf-container .btn:active {
    background: #f69679;
}
.tkf-container .btn:hover:after,
.tkf-container .btn:focus:after,
.tkf-container .btn:active:after {
    right: -10px;
}
.promoCode .btn {
    font-size: 0.85em;
    padding: 0.5em 2em;
}
.extras {
    margin-bottom: 10px;
}
.extras .grid-100 br {
    display: none;
}
.extras h2:before {
    background: none;
    margin: 0;
    content: "";
    padding: 0;
}
.extras h2 {
    color: #fff !important;
    font-size: 20px;
    margin: 50px 10px 25px;
    color: #fff;
    border: none;
    padding: 0;
}
.extra-service {
    background: #fff !important;
    padding: 10px 0;
    margin-bottom: 0;
    border: none;
    border-top-width: 10px;
    float: left;
    width: 100%;
    position: relative;
}
.extra-service label {
    flex: 0 0 5%;
    padding: 0 0 10px;
    display: block;
}
.extra-service label.error {
    color: #f00;
}
.extra-service label .cr {
    background: #ddd !important;
    border-color: #ddd;
    box-shadow: 0px 0px 9px 0px inset #ccc;
    border-radius: 40px !important;
}
.extra-service label .cr .cr-icon {
    font-size: 28px;
    color: #000;
}
.extra-service label strong {
    font-size: bold;
    margin: 0;
    font-size: 18px;
}
.checklist-modal {
    border-radius: 4px;
    color: #000 !important;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
    position: absolute;
    z-index: 2;
    top: 26px;
    width: auto;
    right: 200px;
}
.checklist-modal:hover {
    /* text-decoration: underline; */
    color: #000;
}
.checklist-modal.static-position {
    position: static;
}
.extra-service .checkbox .cr {
    font-size: 30px !important;
    background: #fff;
    border-radius: 0;
}
.extra-service .radio .cr {
    background: #ffffff none repeat scroll 0 0;
    font-size: 20px;
}
.extra-service h3 {
    margin-top: 0;
}
.sidebar-total-count {
    margin-bottom: 0;
    font-size: 15px;
}
.vehicle-information label {
    font-weight: normal;
}
.vehicle-information label.error {
    font-weight: normal;
    font-size: 12px;
    color: #ff0000;
}
.extra-service .subheading {
    color: #333333;
    display: block;
    font-size: 14px;
    line-height: 30px;
}
.mot-error-msg {
    color: #ff0000;
    font-weight: bold;
}
.drop_off_label {
    font-size: 14px;
    line-height: 20px;
    background: #ddd;
    padding: 5px;
    margin-bottom: 10px;
    color: #ff0000;
}
.drop_off_label.hidden {
    display: none;
}
/* TOTAL AND CHECKOUT  */
.subtotal {
    background: #e9e9e9;
    float: right;
    padding: 10px;
    width: 100%;
}
.subtotal ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.subtotal .totalRow {
    padding: 0.5em;
    text-align: right;
}
.subtotal .totalRow.final {
    font-size: 1.25em;
    font-weight: bold;
}
.subtotal .totalRow span {
    display: inline-block;
    padding: 0 20px;
    text-align: center;
}
.subtotal .totalRow .label {
    background: none;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #000;
}
.subtotal .totalRow .value {
    width: 43%;
    color: #444;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: right;
    padding-right: 70px;
}
.subtotal .totalRow .value strong {
    font-size: 26px;
    line-height: 30px;
    margin: 0;
    color: #3e9a33;
}
.vehicle-detail h3 {
    color: var(--primary-color) !important;
    margin-top: 0;
}
.order-summary {
    padding: 0;
    float: left;
    width: 100%;
}
.cart-control {
    float: left;
    width: 100%;
    text-align: right;
}
.order-list-info {
    font-size: 15px;
    color: #000;
    float: left;
    width: 100%;
    margin: 0px 0 20px;
    line-height: 1.4;
}
.order-list-info strong {
    line-height: 16px;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
.complete-booking-detail .order-list-info {
    background: #e5e5e5;
    font-size: 16px;
    color: #000;
    float: left;
    width: 100%;
    padding: 12px;
    margin: 0 0 10px;
}
.order-list-info i {
    color: #3e9a33;
}
.ap-check-confirm {
    float: right;
}
.ap-check-confirm i {
    color: #53bc46 !important;
}
.order-summary p {
    font-size: 13px;
}
.order-summary p a {
    color: #000;
    font-size: 12px;
}
.cart-note {
    display: block;
    margin: 10px 0;
    font-size: 12px;
}
.ap-more-shopping {
    border-radius: 4px;
    color: #333333;
    float: left;
    padding: 10px;
    text-decoration: underline;
}
.ap-more-shopping:hover,
.ap-more-shopping:active,
.ap-more-shopping:visited {
    color: #333333;
}

#coupon_form {
    width: auto;
    margin: 0 0 25px;
    /* overflow: hidden;
    margin: 0 0 35px;
    border: 3px solid #333;
    padding: 15px 20px; */
    display: block !important;
    font-size: 13px;
    font-weight: bold;
    color: #222;
}

#coupon_form p {
    margin: 0;
    color: inherit;
    font-size: 12px;
}
@media screen and (min-width: 992px) {
    #coupon_form p {
        font-size: 13px;
    }
}
@media only screen and (max-width: 39.375em) {
    .tkf-container .wrap {
        width: 98%;
        padding: 2% 0;
        margin-bottom: 0;
    }

    .tkf-container .projTitle {
        font-size: 1.5em;
        padding: 10% 5%;
    }

    .tkf-container .heading {
        padding: 1em;
        font-size: 90%;
    }

    .cart .items .cartSection {
        width: 90%;
        display: block;
        float: left;
    }
    .cart .items .cartSection.qtyWrap {
        width: 10%;
        text-align: center;
        padding: 0.5em 0;
        float: right;
    }
    .cart .items .cartSection.qtyWrap:before {
        content: "QTY";
        display: block;
        padding: 0.25em;
        font-size: 0.75em;
    }
    .cart .items .cartSection.prodTotal {
        display: none;
    }
    .cart .items .cartSection.removeWrap {
        position: absolute;
        right: 10px;
        top: 10px;
        text-align: right;
    }
    .cart .items .cartSection .itemImg {
        width: 25%;
    }

    .tkf-container .promoCode,
    .tkf-container .subtotal {
        width: 100%;
    }

    a.btn.continue {
        width: 100%;
        text-align: center;
    }
}

/****New Cart Area****/

/**Fiterment Page**/
.ap-page-heading {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 0 10px;
}
.ap-page-heading.other {
    border: none;
    padding: 0;
}
.ap-page-heading.other h3 {
    margin: 0;
}
.ap-page-heading h3 {
    color: #000;
    float: left;
    width: 80%;
    font-size: 18px;
    margin: 15px 0;
    font-weight: 500;
}
.ap-page-heading h3 span {
    color: #3e9a33;
    display: inline-block;
}
.branch-holder {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    justify-content: flex-start;
}
.bookingLocator {
    padding: 15px;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
}
.enquiry-description-text {
    display: block;
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
    padding: 2px 0;
    width: 100%;
}
.selected-items-detail {
    color: #000;
    font-weight: 400;
    width: 98%;
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin: 20px auto;
    font-size: 14px;
    line-height: 20px;
}
.selected-items-detail td {
    color: #000;
    font-weight: 400;
    padding: 13px 10px;
    position: relative;
    vertical-align: top;
}
.selected-items-detail td:first-child {
    width: 300px;
}
.selected-items-detail tbody tr + tr td {
    border-top: 1px solid #ddd;
}
.selected-items-detail td .ap-check-confirm {
    float: none;
    display: inline-block;
    vertical-align: top;
}
.selected-items-detail td .btn-add-rear {
    position: relative;
    right: 0;
    top: -1px;
}
.selected-items-detail th {
    padding: 10px;
    background: #000;
    color: #fff;
    text-align: left;
    font-weight: 600;
}
.recommended-with-services {
    margin-bottom: 20px;
    overflow: hidden;
}
.recommended-with-services h4 {
    color: #000 !important;
    margin: 0 10px 23px;
    font-size: 20px;
    font-weight: 600;
}
.recommended-with-services .cart-page {
    padding: 0;
}
.recommended-with-services .box {
    border: 1px solid #ddd !important;
    padding: 0 !important;
    margin: 10px 0 !important;
    display: flex;
    color: #000 !important;
    background: #fff !important;
    height: auto !important;
}
.recommended-with-services .box .image-holder {
    background: var(--primary-color);
    /* background: #979696; */
    /* background: #333; */
    flex: 0 0 25%;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 10px !important;
}
.recommended-with-services .box .image-holder img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain;
}
.recommended-with-services .box .text-holder {
    flex: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (min-width: 1200px) {
    .recommended-with-services .box .text-holder {
        flex-direction: row;
        align-items: center;
    }
    .recommended-with-services .box .image-holder {
        min-height: 80px;
        flex: 0 0 20%;
    }

    .recommended-with-services .box .rs_second_popup {
        margin: 0;
        right: 28px;
        top: 2px;
        position: static;
    }
}

.recommended-with-services .box .rs_second_popup {
    font-size: 14px !important;
    margin: 0;
    margin-top: 6px;
    right: 28px;
    top: 2px;
    position: static;
}

.recommended-with-services .box .rs_second_popup i {
    font-size: 16px !important;
}

.recommended-with-services .box .text-holder .title {
    padding: 10px;
    flex-grow: 1;
}
.recommended-with-services .box .text-holder .title .m-price,
.recommended-with-services .box .text-holder .title * {
    white-space: normal;
}

.recommended-with-services .box .text-holder .title .m-price {
    font-size: 13px !important;
    display: block;
    margin: 3px 0 !important;
}

.recommended-with-services .box .text-holder .title .control-label {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}
.recommended-with-services .box .text-holder .title small {
    display: block;
    font-size: 12px;
    color: #000;
    margin-top: 10px;
}

.view-icon-btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    color: var(--primary-color);
}
.recommended-with-services .box .text-holder .bottom-info {
    padding: 10px;
    flex-shrink: 0;
    flex-grow: 1;
}
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] {
    display: none;
}
.extra-service .custom-checkbox label::before {
    display: none;
}

.extra-service .custom-checkbox label:after {
    border: 0;
    transform: none;
    -webkit-transform: none;
}

.recommended-with-services .box .text-holder .bottom-info a,
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label {
    background: var(--primary-color-btn);
    border: 2px solid transparent;
    color: var(--primary-color-btn-text);
    padding: 8px;
    position: relative;
    font-weight: 700;
    float: right;
    text-decoration: none;
    cursor: pointer;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
    display: flex;
    flex-flow: row wrap;
    width: auto !important;
    opacity: 1;
    text-align: center;
    margin: 0 !important;
}
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label:after {
    content: "Remove";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    font-size: 13px;
    line-height: 18px;
    padding: 0 !important;
    transform: none !important;
    border: none !important;
    margin: 0 !important;
}
.recommended-with-services .all_services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label:after {
    content: "Select";
    position: absolute;
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    line-height: 18px;
}
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"]:checked + label {
    /* padding: 16px 40px; */
    /* background: color-mix(in srgb, var(--primary-color-btn),#000 80%); */
    background: #000;
    color: #fff;
    font-size: 0;
}
.recommended-with-services .all_services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"]:checked + label {
    /* padding: 16px 40px; */
    /* background: color-mix(in srgb, var(--primary-color-btn),#000 80%); */
    background: var(--primary-color-btn);
    /* background: #000; */
    color: var(--primary-color-btn-text);
    font-size: 0;
}
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"]:checked + label:after {
    opacity: 1;
    visibility: visible;
    position: static;
    width: auto;
    height: auto;
}

.recommended-with-services .box .text-holder .bottom-info a.disabled,
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"].group-disabled + label,
.recommended-with-services .box.group-disabled .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label,
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"]:disabled + label {
    pointer-events: none;
    opacity: 0.5;
    /* border-color: #a2a2a2;
    background-color: #a2a2a2; */

}
.recommended-with-services .box .text-holder .bottom-info a.disabled,
.recommended-with-services .box.disabled .text-holder .bottom-info a,
.recommended-with-services .box.disabled .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label {
    pointer-events: none;
    opacity: 1;
    background: #a2a2a2 !important;
    border-color: #a2a2a2 !important;
}
.recommended-with-services .checklist-modal {
    position: static;
    display: inline-block;
    vertical-align: top;
}

.recommended-with-services > .extra-service {
    padding-top: 0;
}
.tbc-price-note {
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
}
.all-services {
    padding-top: 10px;
}
.choose-dateandtime {
    text-align: right;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}
.choose-dateandtime button {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    padding: 10px 25px;
    border: none;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
    cursor: pointer;
}
.choose-dateandtime .box-holder {
    display: none;
}
.ap-select-time-inner {
    margin-top: 10px;
    float: left;
    width: 100%;
}
/* .bookingLocator:first-child {
    margin-left: 3px;
} */
.bookingLocatorContent {
    background: #fff;
    position: relative;
    border-radius: 0;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    border: none;
    box-shadow: 0px 0px 5px rgb(0, 0, 0, 25%);
    padding-bottom: 60px;
    border: 1px solid transparent;
}

.bookingLocatorContent .ap-select-time-inner {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px;
    background: none !important;
}
.bookingLocatorContent .ap-select-time-inner > button {
    /* text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; */
    max-width: 100%;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}



.branch-holder.list-branch-view .bookingLocator {
    width: 100%;
}


@media (min-width: 1340px) {
    .branch-holder.list-branch-view {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
    }
    .branch-holder.list-branch-view .bookingLocator {
        width: 100%;
    }
}
@media (min-width: 1380px) {
    .bookingLocatorContent .ap-select-time-inner > button {
        font-size: 14px;
    }
}
.bookingLocatorContent .bookingGrid {
    background: none;
}
.bookingLocator.current-branch .bookingLocatorContent {
    background: #dbdbdb;
}
.bookingLocator.disable-branch .ap-select-time-inner > button,
.bookingLocator.disable-branch .ap-select-time-inner > a,
.bookingLocator.disable-branch .ap-select-time-inner > .btn-add-tyre {
    cursor: not-allowed !important;
    animation: none !important;
    opacity: 0.8 !important;
    background: #aaa !important;
    border-color: transparent !important;
}
.branch-holder.list-branch-view .bookingLocatorContent {
    padding-bottom: inherit;
}
.branch-holder.list-branch-view .bookingLocatorContent .ap-select-time-inner {
    position: static;
    padding: 0;
}
.book-fitting {
    color: #000;
    font-weight: 300;
    font-family: var(--tfcw-primary-font);
    overflow: hidden;
    border: none;
}
.book-fitting .ap-page-heading,
.book-fitting .ap-page-heading h3 {
    margin: 0 !important;
    text-align: center !important;
}
.book-fitting h3 {
    text-align: left !important;
}
.book-fitting h3 small {
    display: block;
}
/* .book-fitting h3 {
    text-align: center !important;
} */
/* .book-fitting h3 {
    height: 58px;
    margin-bottom: 0;
    line-height: 1.3;
    text-align: left;
} */
.book-fitting .bookingGrid {
    text-align: left;
}
.book-fitting .center-timings {
    text-align: left;
}
.book-fitting .inner-heading,
.postcode-holder .inner-heading {
    padding: 0;
}
.book-fitting .inner-heading > h3,
.postcode-holder .inner-heading > h3 {
    font-weight: 400;
    font-size: 18px;
    text-align: center !important;
    margin: 0 0 15px !important;
}
.branchAvailableDates {
    display: block;
    margin-bottom: 10px;
}
.branchAvailableDates h4 {
    margin: 0;
}
.bookingLocator .center-details a,
.bookingLocator .btn-icon {
    background: #000;
    border-radius: 100%;
    color: #ffffff !important;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    margin: 0 2px;
    height: 26px;
    width: 26px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
}

.bookingLocator .btn-icon:before {
    display: none;
}

.bookingLocator .center-details a i.fa,
.bookingLocator .btn-icon i.fa {
    line-height: inherit !important;
    display: block;
}

.bookingLocator .btn-icon.email {
    background: #c1272d;
}

.bookingLocator .center-details a:first-child {
    background: #c1272d;
}
.bookingLocator .center-details a:nth-child(2) {
    background: #fbb03b;
}
.bookingLocator .center-details a:nth-child(3) {
    background: #4d4d4d;
}
.bookingLocator .center-details a .fa,
.bookingLocator .btn-icon .fa {
    line-height: 30px !important;
    display: inline-block;
    color: #fff;
}

.book-fitting a {
    display: inline-block;
    text-decoration: none;
    color: #000;
}

.book-fitting a:hover {
    color: #000;
}
.book-fitting p {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 0 0 5px !important;
    color: #000 !important;
    line-height: 20px !important;
}
.branch-holder.list-branch-view .bookingLocatorContent p {
    font-weight: 400;
}
.book-fitting p br {
    display: none !important;
}

.bookingGrid .timing-collapse-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.bookingGrid .branch-timing-wrap {
    position: relative;
    color: #000;
    margin: 0 0 15px;
    pointer-events: none;
}

.bookingGrid .branch-timing-wrap .opening-time-toggler {
    display: inline-block;
    cursor: pointer;
    color: var(--primary-color);
    pointer-events: auto;
}
.center-timings {
    padding: 5px 0;
    font-size: 14px;
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    font-weight: 300;
    color: #000;
}
.center-timings > i {
    float: right;
    font-style: normal;
}
.ap-select-time {
    float: left;
    padding: 10px;
    width: 100%;
}
.ap-select-time + .bookingGrid {
    background: #fff;
    padding: 0;
}
.book-fitting .date-time .locator-date-wrapper:after {
    background: rgb(163, 209, 101);
    background: -moz-linear-gradient(top, rgba(163, 209, 101, 1) 0%, rgba(157, 203, 95, 1) 18%, rgba(123, 170, 62, 1) 75%, rgba(113, 159, 51, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(163, 209, 101, 1) 0%, rgba(157, 203, 95, 1) 18%, rgba(123, 170, 62, 1) 75%, rgba(113, 159, 51, 1) 100%);
    background: linear-gradient(to bottom, rgba(163, 209, 101, 1) 0%, rgba(157, 203, 95, 1) 18%, rgba(123, 170, 62, 1) 75%, rgba(113, 159, 51, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d165', endColorstr='#719f33',GradientType=0 );
    border-radius: 0px 8px 8px 0px;
    content: "\f073";
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    z-index: 500;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-size: 25px;
    font-weight: 900;
    line-height: 40px;
    text-align: center;
    pointer-events: none;
}
.locator-date-wrapper {
    position: relative;
    margin: 5px 0;
}
.book-fitting .date-time input {
    height: 40px;
    font-size: 19px;
    color: #555;
    font-style: normal;
    box-shadow: inset 1px -1px 10px 0px #ababab;
    -webkit-box-shadow: inset 1px -1px 10px 0px #ababab;
    -moz-box-shadow: inset 1px -1px 10px 0px #ababab;
    -o-box-shadow: inset 1px -1px 10px 0px #ababab;
    border-radius: 8px;
    background-color: #fff;
    box-sizing: border-box;
    border: 0px;
    position: relative;
    width: 100%;
}
.book-fitting .date-time h6 {
    font-size: 16px;
    margin: 0;
    font-weight: normal;
}
.date-time .book-fitting-custom,
.date-time .book-fitting {
    background: #98ca57;
    background: -moz-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: -webkit-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: linear-gradient(to bottom, #98ca57 0%, #7cae3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ca57', endColorstr='#7cae3b',GradientType=0 );
    display: block;
    border-radius: 8px;
    font-size: 22px;
    text-align: center;
    line-height: 24px;
    width: 100%;
    margin: 5px 0;
    font-style: italic;
    cursor: pointer;
    color: #fff;
    overflow: hidden;
    float: left;
    border: none;
}
.book-fitting .date-time .onOffBtn {
    width: 100%;
}
.book-fitting .date-time .on-off {
    background: rgb(37, 63, 145);
    background: -moz-linear-gradient(top, rgba(37, 63, 145, 1) 0%, rgba(14, 40, 123, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(37, 63, 145, 1) 0%, rgba(14, 40, 123, 1) 100%);
    background: linear-gradient(to bottom, rgba(37, 63, 145, 1) 0%, rgba(14, 40, 123, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#253f91', endColorstr='#0e287b',GradientType=0 );
    border: 2px solid #2b4288;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 10px;
    overflow: hidden;
    width: 49%;
}
.book-fitting .date-time .onOffBtn .active {
    background: #3e9a33;
    border: 2px solid #719f33;
    color: #fff;
}
.book-fitting .large-map {
    color: #fff;
}

.book-fitting .large-map:hover {
    color: #3e9a33;
}

/**Checkout page**/
.checkInUsers.form-area {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px;
    overflow: hidden;
    margin-top: 10px;
}
.checkInUsers.form-area h3 {
    display: none;
}
.form-area input,
.form-area textarea {
    background: #fff !important;
    box-shadow: none !important;
    border: 1px solid #d7d7d7 !important;
    color: #999;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    width: 100%;
    box-sizing: border-box;
}
.form-area .inputRow {
    color: #333333;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    line-height: 25px;
    margin: 15px 0;
    overflow: hidden;
}
.checkInUsers label.error {
    color: #ff0000;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    display: block;
    padding: 20px 0 0;
    text-align: center;
}
.checkInUsers .gap-bottom-10 {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 10px;
}
.checkInUsers .gap-bottom-10 label {
    font-size: 18px;
    padding-top: 10px;
    display: inline-block;
}
.checkInUsers .checkbox .cr,
.checkInUsers .radio .cr {
    position: relative;
    top: -10px;
}
.checkInNote {
    font-size: 14px;
    line-height: 1.4;
    color: #7a7a7a;
}
.cart-control.selected_date_content {
    padding: 20px;
}
.cart-control.selected_date_content a {
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
.total-amount i {
    position: relative;
    font-size: 14px;
    margin-top: 8px;
    margin-left: 15px;
}
.checkout-button {
    position: relative;
    text-align: right;
    padding: 20px 0;
}

.cartBookFitting .date-time {
    background: #000 none repeat scroll 0 0;
    border-radius: 10px;
    color: white;
    height: auto;
    padding: 10px;
    text-align: center;
    width: 330px;
    z-index: 1;
    display: inline-block;
}
.cartBookFitting .date-time h6 {
    color: #fff;
    padding: 0;
    margin: 0;
}
.cartBookFitting .date-time .onOffBtn {
    width: 100%;
}
.cartBookFitting .date-time .book-fitting {
    background: -moz-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #999ca1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #999ca1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999ca1',GradientType=0 );
    border-radius: 8px;
    color: #000;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 30px;
    text-align: center;
    border: medium none;
    display: inline-block;
    width: 100%;
    cursor: pointer;
}
.cartBookFitting .date-time .onOffBtn .active {
    background: #98ca57;
    background: -moz-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: -webkit-linear-gradient(top, #98ca57 0%, #7cae3b 100%);
    background: linear-gradient(to bottom, #98ca57 0%, #7cae3b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98ca57', endColorstr='#7cae3b',GradientType=0 );
    color: #fff;
}
.cartBookFitting .date-time a {
    background: -moz-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #999ca1));
    background: -webkit-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #999ca1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #999ca1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999ca1',GradientType=0 );
    border: 2px solid #999ca1;
    border-radius: 5px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 10px;
    overflow: hidden;
    width: 49%;
}
.cartBookHeading {
    text-align: center;
}

.custom-alert-success {
    background: rgba(129, 202, 35, 0.6) none repeat scroll 0 0;
    color: #ffffff;
    font-size: 12px;
    font-style: normal;
    padding: 10px;
}
.ap-promo-highlight {
    font-weight: bold;
    color: #ff0000;
}

.pp-popup-action {
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
}
.pp-popup {
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 9999;
    display: none;
}
.pp-popup-inner {
    background: #ffffff;
    left: 0;
    margin: 0 auto;
    max-width: 960px;
    padding: 0 50px;
    padding-top: 50px;
    position: relative;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 10px;
}
.pp-popup-detail {
    height: 568px;
    overflow-x: hidden;
}
.pp-close-action {
    font-size: 40px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 0;
}
.pp-popup-inner p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
}
.pp-popup-inner ol li,
.pp-popup-inner ul li {
    font-size: 14px;
    line-height: 20px;
    color: #333;
}
.pp-red {
    color: #ff0000;
}
.services_form {
    margin: 0;
}
.productShortDescription {
    padding: 10px 0;
}

.pp-popup-action.pages {
    color: #333;
}
.pp-popup-action {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}
.pp-popup-detail {
    background: #ffffff none repeat scroll 0 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 960px;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 9999999;
    padding: 30px 0;
}
.pp-popup-inner {
    height: 500px;
    overflow-y: auto;
    font-size: 14px;
    line-height: 20px;
    padding: 20px;
    z-index: 99999999;
}
.pp-popup-inner h1 {
    margin: 0;
    font-size: 25px;
}
.pp-popup-inner strong {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}
.pp-red {
    color: #ff0000;
    font-weight: bold;
}

.pp-popup-close {
    color: #333333;
    font-weight: bold;
    position: absolute;
    right: 10px;
    text-decoration: none;
    top: 5px;
    cursor: pointer;
}
.thankyou-page .main-box-holder {
    background: #fff;
    box-shadow: 0px 0px 8px 0px #ccc;
    margin-bottom: 25px;
    padding: 20px;
    overflow: hidden;
    text-align: left;
}

.thankyou-page .main-box-holder label {
    display: block;
}
.thankyou-page .main-box-holder:first-child {
    text-align: center;
}
.thankyou-page .main-box-holder:first-child h3 {
    color: var(--primary-color);
    font-size: 30px;
}
.thankyou-page .cart-section h3 {
    color: #fff !important;
}
.thankyou-page .main-box-holder:first-child h3 i {
    font-size: 60px;
    margin: 0 0 10px;
    color: var(--primary-color);
}
.thankyou-page h3 {
    color: #000;
}
.thankyou-page .checkInUsers p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    line-height: 1.5;
    font-weight: 300;
    margin: 0;
}
.thankyou-page .checkInUsers p a {
    color: var(--primary-color);
    font-weight: 500;
}

/****Rs Second Popup*****/
.rs_second_popup_content {
    background: #ffffff none repeat scroll 0 0 !important;
    border: 1px solid #dddddd !important;
    border-radius: 10px;
    bottom: 20px;
    box-shadow: 1px 3px 20px rgba(51, 51, 51,0.7);
    display: none;
    left: 0;
    margin: 45px auto;
    max-width: 1000px;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 20px;
    width: 100%;
    z-index: 9998;
}
.additional_services_content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 10px;
    box-shadow: 3px 5px 20px #333;
    display: none;
    overflow-y: scroll;
    left: 0;
    margin: 0 auto;
    max-width: 1170px;
    position: fixed;
    right: 0;
    top: 20px;
    bottom: 20px;
    width: 100%;
    z-index: 9998;
}
.description-block h2:before {
    background: none;
    padding: 0;
    margin: 0;
}
.description-block h2 {
    font-size: 18px;
    color: #333 !important;
    padding: 0;
    margin-bottom: 10px;
}
.description-content {
    color: #333 !important;
    font-size: 14px;
    line-height: 20px;
}
.description-block {
    padding: 10px 0;
}
.rs_second_popup {
    display: block;
    margin: 5px 20px;
    cursor: pointer;
    font-style: normal;
    font-size: 16px;
    white-space: nowrap;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #888;
}
/**wheel page section**/
.p-wheel-wrapper {
    float: left;
    width: 100%;
}
.wheel-page-heading h4 {
    font-size: 18px;
    font-weight: 400;
}
.wheel-page-content {
    float: left;
    width: 100%;
    height: 350px;
    overflow-x: hidden;
}
.instantSearch {
    margin-bottom: 5px;
    position: relative;
}
.instantSearch input[type="text"] {
    border: 1px solid #ddd;
    padding: 15px 10px;
    width: 100%;
}
.instantSearch:after {
    color: #ddd;
    content: "\f002";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
}
.wheel-page-content ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}
.wheel-page-content ul li {
    float: left;
    width: 100%;
    list-style: none;
}
.wheel-page-content ul li a {
    font-size: 17px;
    display: block;
    background: #fafafa;
    text-decoration: none;
    padding: 20px;
    border: 1px solid #eee;
    color: #333;
}
.wheel-page-content ul li a span {
    display: block;
    font-size: 10px;
    margin-top: 5px;
    font-weight: normal;
}
.wheel-page-content ul li a:hover {
    background: #3e9a33;
    color: #fff;
}
.p-select-car.hide {
    display: none;
}
.stepwizard-step p {
    margin-top: 10px;
    color: #333;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 75%;
    height: 2px;
    background-color: #004994;
    z-order: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
}
.p-wheel-wrapper .stepwizard-step {
    width: 25%;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border-width: 2px;
    font-weight: 700;
    border-color: #004994;
}
.stepwizard-step .btn-primary {
    background-color: #004994;
    color: #fff;
}
.stepwizard-step .btn-default:hover {
    background: #3e9a33;
    color: #fff;
}
.backStep {
    color: #004994;
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 10px;
}
.backStep:before {
    background: url(../img/backStep.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    height: 18px;
    display: block;
}
.wheel-search-wrapper {
    margin-top: 20px;
}
.grid-l1 {
    height: auto;
    overflow: hidden;
}
.p-accordion-header {
    width: 100%;
    text-align: left;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 5px;
    cursor: pointer;
    margin: 0px !important;
}
.filter-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #ededed;
    padding: 10px;
    display: none;
}
.box-a1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 5px 0px;
}
.box-a1 > div {
    max-height: 0;
    transition: max-height 0.2s ease-out;
}
.box-a1.active > div {
    overflow: hidden;
    overflow-y: auto;
    transition: max-height 0.2s ease-in;
    height: auto;
    max-height: 700px;
}
.box-a1.active > div::-webkit-scrollbar {
    width: 5px;
}

.box-a1.active > div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.box-a1.active > div::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.p-product-wheel {
    width: 33.333%;
    float: left;
    padding-left: 15px;
    box-sizing: border-box;
    margin-bottom: 10px;
    cursor: pointer;
}
.p-product-wheel-inner {
    background: #fff;
    border: 1px solid #ddd;
    height: 100%;
}
.wheel-product-img {
    width: 200px;
    display: block;
    margin: 0 auto 20px;
}
.wheel-product-img img {
    width: 200px;
    height: 200px;
    object-fit: contain;
    display: block;
    margin: 0px auto;
}
.wheel-brand-image {
    width: 100px;
    margin: 15px 10px 0;
}
.wheel-brand-image img {
    width: 100%;
    height: auto;
    display: block;
}
.wheel-product-title {
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 18px;
    height: 55px;
    padding: 10px 10px;
}
.wheel-product-color-holder {
    height: 24px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}
.wheel-product-color {
    font-size: 12px;
    font-weight: 500;
    text-align: left;
    line-height: 16px;
    padding: 4px 8px;
    display: inline-block;
    background: #eee;
    margin: 0 10px;
    border-radius: 4px;
}
.wheel-product-title span {
    display: block;
}
.wheel-product-title.right {
    text-align: right;
    padding-top: 0;
    height: 28px;
}
.wheel-product-description {
    text-align: left;
    font-size: 14px;
    line-height: 14px;
}
.wheel-product-price {
    background: #000;
    text-align: left;
    color: #fff;
    position: relative;
    font-weight: bold;
    overflow: hidden;
    padding: 10px;
}
.wheel-product-price .wheel-price-tag {
    padding: 10px;
    float: left;
    font-style: italic;
    font-size: 16px;
}
.wheel-product-price .wheel-price-tag span {
    font-size: 12px;
    color: #3e9a33;
}
.wheel-product-price .wheel-price-tag {
    background: #000;
    background: -moz-linear-gradient(left, #000 0%, #004994 100%);
    background: -webkit-linear-gradient(left, #000 0%, #004994 100%);
    background: linear-gradient(to right, #000 0%, #004994 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#004994', GradientType=1);
    border-radius: 0 12px 12px 0;
    color: #ffffff;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-style: italic;
    font-weight: 700;
    line-height: 20px;
    padding: 5px;
    width: 100%;
}
.wheel-product-price .BuyingOption span {
    color: #fff;
    display: block;
    font-family: var(--tfcw-primary-font);
    font-size: 16px;
    font-style: italic;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 100;
}
.wheel-product-price ul {
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-weight: 300;
    display: block;
}
.wheel-product-price ul li {
    font-size: 12px;
    line-height: 1.5;
    font-family: var(--tfcw-primary-font);
    list-style: none;
    font-style: italic;
    display: block;
    color: #3e9a33;
}
.wheel-product-price ul li i {
    color: #fff;
}
.wheel-product-price ul li i em {
    color: #fff;
}
.wheel-product-price ul li b {
    font-weight: 300;
    color: #fff;
    float: right;
    color: #fff;
}
.wheel-product-price a {
    color: #fff;
    display: block;
    overflow: hidden;
}
.wheel-product-price i {
    padding: 10px;
    background: #000;
    color: #fff !important;
    float: right;
}
.filter-box .brand-filter li {
    border-bottom: 1px solid #fff;
    overflow: hidden;
    padding-bottom: 10px !important;
    margin-bottom: 10px;
}
.p-accordion-header i {
    float: right;
}
.p-accordion-header i.minus:before {
    content: "\f068";
}
.wheel-detail-wrapper {
    overflow: hidden;
    margin-top: 20px;
}
.wheel-detail-img {
    float: left;
    width: 40%;
    padding-right: 50px;
}
.wheel-detail-img img {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto !important;
}
.wheel-detail-detail {
    float: left;
    width: 60%;
}
.wheel-detail-heading h2 {
    margin-top: 0;
    font-weight: 100;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 50px;
}
.wheel-detail-heading h2 span,
.wheel-detail-heading h2 span i {
    color: #ff0000 !important;
    font-size: 28px;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.wheel-detail-heading p {
    font-size: 22px;
    color: #555;
    margin-top: 0;
    margin-bottom: 20px;
}
.wheel-detail-pricing {
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    text-decoration: none;
    width: 100%;
    margin: 0 0 15px;
    color: #000;
    background: #ffffff;
    text-align: left;
    padding: 5px 0 15px;
    height: auto;
}
.wheel-detail-pricing span {
    display: block;
    font-size: 28px;
    font-weight: 700;
    margin-top: 10px;
}
.wheel-detail-specification {
    margin-top: 25px;
}
.wheel-detail-package.hide-content {
    display: block !important;
}
.wheel-detail-package a {
    background: #3e9a33;
    border: 2px solid #719f33;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    line-height: 30px;
    padding: 5px 20px;
    text-decoration: none;
    width: 100%;
    margin: 0;
    text-align: center;
}
.wheel-detail-package.hide-content a {
    pointer-events: none;
    background: #f3f3f3;
    border-color: #eee;
    color: #c7c7c7;
}
.wheel-detail-package a i {
    display: none;
}
.wheel-detail-package.hide-content a i {
    color: #ccc !important;
    display: inline-block;
    margin-right: 5px;
}
.wheel-detail-addCart button {
    background: #000;
    border: 2px solid #000;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    line-height: 30px;
    padding: 5px 20px;
    text-decoration: none;
    width: 100%;
    margin: 0;
    text-align: center;
}
.wheel-detail-description {
    margin: 0 0 30px;
    position: relative;
}
.wheel-detail-description:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    height: 1px;
    background: #ddd;
}
.wheel-detail-description span {
    position: relative;
    z-index: 2;
    background: #fff;
    padding-right: 10px;
}
.wheel-detail-description p {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: bold;
}
.wheel-detail-description ul {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    margin: 15px 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.wheel-detail-description ul li {
    position: relative;
    font-size: 15px;
    line-height: 22px;
    color: #333;
    padding: 0 5px 0 40px;
    list-style: none;
    width: 33.333%;
}
.wheel-detail-description ul li b {
    display: block;
    font-weight: 500;
    color: #333;
}
.wheel-detail-description ul li:before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 6px;
    left: 0;
    width: 30px;
    height: 30px;
    background: rgb(129 202 35);
    border-radius: 40px;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    box-sizing: border-box;
    color: #fff;
}
.wheels-fitment-note {
    background: rgb(95, 169, 49, 0.29);
    padding: 10px;
    border-radius: 4px;
    margin-top: 20px;
}
.wheels-fitment-note p {
    position: relative;
    color: #000;
}
.wheels-fitment-note p:before {
    position: absolute;
    content: "\f085";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 6px;
    left: 0;
    font-size: 14px;
    box-sizing: border-box;
    color: #000;
}
.wheel-detail-specification table {
    width: 100%;
    background: #fafafa;
    border: 1px solid #ddd;
}
.wheel-detail-specification table td {
    border: 1px solid #eee;
    padding: 10px;
    font-size: 12px;
    color: #333;
}
.wheel-tyre-packages {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.tyres-list-area {
    margin-top: 20px;
}
.tyres-list-area .tkf-product-area,
.wheel-tyre-packages .tkf-product-area {
    width: 80%;
}
.tkf-product-area .hero_boxes_partial,
.wheel-tyre-packages .hero_boxes_partial {
    width: 100%;
}
.tkf-product-area .hero_boxes_partial .ap-page-heading {
    margin: 0;
    border: 0;
    background: #fff;
    padding: 15px 10px 25px !important;
}
.tkf-product-area .hero_boxes_partial .ap-page-heading h3 span {
    color: #000;
}
.tyres-list-area .filter-result h3,
.wheel-tyre-packages .filter-result h3 {
    color: #004994 !important;
}
.tyres-list-area .tkf-heroBoxes,
.wheel-tyre-packages .tkf-heroBoxes {
    width: 33%;
}
.wheel-page-content .active-choice {
    background: #000;
    color: #fff;
}
.wheel-detail-cta .qty {
    position: relative;
    width: 12%;
    margin-bottom: 15px;
}
.wheel-detail-cta .qty select {
    width: 100%;
    border: 1px solid #ddd;
    font-size: 18px;
    height: auto;
    border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-top: 0;
    margin-bottom: 5px;
    padding: 10px;
}
.wheel-detail-cta .qty,
.wheel-detail-cta .qty-select {
    position: relative;
}
.wheel-detail-cta .qty:after,
.wheel-detail-cta .qty-select:after {
    content: "\f0d7";
    position: absolute;
    right: 10px;
    top: 45%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 16px;
    pointer-events: none;
    color: #8795c3;
}
.wheel-search-wrapper .custom-pagination {
    padding-left: 15px;
    float: left;
    width: 80%;
}
.tkf-product .tkf-product-img.wheel {
    border: none;
    width: 38%;
    padding-bottom: 10px;
}
.tkf-product .tkf-product-img.wheel img {
    width: 100%;
    height: auto;
}
.wheel-detail-page a {
    background: #3e9a33;
    color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.tkf-package-wrapper {
    border-bottom: 1px solid #ddd;
    float: left;
    width: 50%;
}
.tkf-pkg-details {
    float: left;
    width: 50%;
    padding-left: 30px;
}
.tkf-pkg-heading {
    font-size: 20px;
    font-weight: bold;
}
.tkf-product .img-area.wheel {
    padding: 10px;
    min-height: 250px;
}
.tkf-pkg-content {
    margin: 10px 0;
}
.tkf-pkg-content p {
    font-size: 13px;
    margin: 0;
    line-height: 20px;
}
.tkf-pkg-content p span {
    font-size: 10px;
    color: #ff0000;
}
.tkf-pkg-stock {
    color: #ff0000;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-top: 10px;
}
.tkf-product .feature-image.feature-wheel {
    width: 100%;
    padding: 10px 0px;
}
.tkf-product .feature-block.feature-image.feature-wheel a {
    clear: inherit;
    margin-right: 25px;
}
.apiCol2 .btn-result-wrapper.wheel {
    width: 100%;
}
.tkf-product .detailArea.wheel ul li {
    font-size: 15px;
    line-height: 2.2;
    font-family: var(--tfcw-primary-font);
    list-style: none;
    display: block;
    color: #3e9a33;
}
.tkf-product .detailArea.wheel ul li b {
    font-weight: 500;
}
.tkf-product .detailArea.wheel ul li b small {
    color: #3e9a33;
    font-size: 11px;
}
.cart .items .cartSection h3 span {
    color: #ff0000;
}
.wheel-btn-back-wrapper {
    margin-bottom: 20px;
}
.wheel-btn-back {
    background: #3e9a33;
    border: 1px solid #3e9a33;
    color: #fff;
    padding: 5px 40px;
    cursor: pointer;
}
/**wheel page section**/

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
.mySlides {
    display: none;
}

/* Next & previous buttons */
/* Caption text */
.tkf-container .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.tkf-container .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

/* Fading animation */
.tkf-container .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade {
    from {
        opacity: 0.4;
    }
    to {
        opacity: 1;
    }
}

/* .loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}
.loader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(14, 43, 134, 0.2);
    border-right: 1.1em solid rgba(14, 43, 134, 0.2);
    border-bottom: 1.1em solid rgba(14, 43, 134, 0.2);
    border-left: 1.1em solid #000;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
} */

/*bagingStockMOTsite hack*/
#sp-page-builder .sppb-section:first-child {
    z-index: 9999999;
    position: relative;
}
/*bagingStockMOTsite hack*/

/*Mike Stoke website Hack*/
.fusion-fullwidth:first-child {
    z-index: auto !important;
}
.fusion-fullwidth .fusion-row {
    z-index: auto;
}
.fusion-fullwidth .tkf-container {
    z-index: auto;
}

.shakeIcon {
    animation: shake-animation 1.5s ease infinite;
    transform-origin: 50% 50%;
}
.hide-content {
    display: none;
}
.time_services_title {
    font-size: 12px;
    font-weight: normal;
    color: black;
}

.postcode-holder {
    padding: 30px 0;
    position: relative;
    margin-bottom: 20px;
}
.postcode-holder form {
    max-width: 500px;
    margin: 0 auto;
}
.postcode-holder:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #ddd;
    z-index: 5;
}
.postcode-holder .btn-continue {
    text-align: center;
    width: 100%;
    font-size: 25px !important;
}
.postcode-holder .pp-form {
    margin-bottom: 15px;
}
.postcode-holder .pp-form input {
    width: 100%;
    height: 52px;
    border: 1px solid #ddd;
    font-size: 18px;
    line-height: 24px;
    padding: 13px;
    text-align: center;
    text-transform: uppercase;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    margin: 0;
    display: block;
}

.postcode-holder.new-design form {
    max-width: 100%;
    margin: 0;
}

.postcode-holder.new-design form .pp-form {
    display: flex;
    margin: 0;
}

.postcode-holder.new-design form .pp-form input {
    flex: 1 1 auto !important;
    width: 1% !important;
    text-align: left;
    height: auto !important;
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 10px !important;
    margin: 0 !important;
}

.postcode-holder.new-design form .pp-form .btn-continue,
.postcode-holder.new-design form .pp-form .ch-btn {
    height: auto !important;
    width: auto !important;
    font-size: 18px !important;
    line-height: 22px !important;
    font-weight: 600;
    border: 1px solid transparent;
    padding: 10px 20px !important;
    margin: 0 !important;
    min-width: 140px;
}

.postcode-holder.new-design form .pp-form .btn-all-link {
    color: #000;
    align-self: center;
    font-size: 14px;
    font-weight: 500;
    margin: 8px 0 8px 10px;
}

.postcode-holder.new-design form .pp-form .btn-all-link:hover {
    color: var(--primary-color);
}

.postcode-holder.new-design form .pp-form .ch-btn {
    background: #000;
    min-width: 100px;
}
@media only screen and (min-width: 2px) and (max-width: 767px) {
    .postcode-holder.new-design form .pp-form .btn-continue,
    .postcode-holder.new-design form .pp-form .ch-btn {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 2px) and (max-width: 579px) {
    .postcode-holder.new-design form .pp-form {
        flex-wrap: wrap;
        text-align: center;
    }

    .postcode-holder.new-design form .pp-form input {
        flex: auto !important;
        width: 100% !important;
        text-align: left;
    }

    .postcode-holder.new-design form .pp-form .btn-continue,
    .postcode-holder.new-design form .pp-form .ch-btn {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .postcode-holder.new-design form .pp-form .btn-all-link {
        margin: 5px auto !important;
    }
}

/* Thank you page*/
.thank-you-text {
    padding: 30px 10px;
    background: #f1f3f6;
    border-radius: 6px;
    margin-bottom: 20px;
}
.thank-you-text i {
    width: 60px;
    height: 60px;
    font-size: 26px;
    color: #3e9a33 !important;
    border: 3px solid #3e9a33;
    border-radius: 60px;
    padding: 14px;
    margin-bottom: 10px;
}
.thank-you-text h2 {
    margin-bottom: 7px;
    color: #000;
}
.thank-you-text p {
    color: #000;
}
.rs_thank_you .box {
    text-align: left;
}
.rs_thank_you.thankyou-page .cart-page .your-booking-detail.box-holder.basket .grid-100 > div .heading:first-child h3 {
    color: #000 !important;
}
.rs_thank_you.thankyou-page .cart-page .your-booking-detail.box-holder.basket .cart-section .grid-100 > div .heading:first-child h3 {
    color: #fff !important;
}
.rs_thank_you.thankyou-page .extra-service .checkTitle {
    margin-right: 0 !important;
}
.rs_thank_you .grid-50 {
    padding-right: 25px;
}
.rs_thank_you .box ul,
.rs_thank_you .right-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.rs_thank_you .box ul li,
.rs_thank_you .right-box ul li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.rs_thank_you .box ul li small {
    opacity: 0.7;
    margin: 20px 0 15px;
}
.rs_thank_you .right-box {
    text-align: left;
    padding: 0 20px;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
}
.rs_thank_you .other-info {
    padding: 5px 0px 20px;
    border-bottom: 1px solid #e8e8e8;
    border-radius: 0;
    margin-bottom: 20px;
}
.rs_thank_you .total {
    border: 1px solid #e8e8e8;
    text-align: right;
    padding: 15px 0;
    border-radius: 0;
    font-size: 20px;
    border-left: 0;
    border-right: 0;
    margin-top: 10px;
}
.rs_thank_you .total strong {
    margin-left: 5px;
    display: inline-block;
}

.glowing-effect {
    animation: glowing 0.8s linear infinite forwards;
}

@-webkit-keyframes glowing {
    0% {
        -webkit-box-shadow: 0 0 4px var(--primary-color-btn);
    }
    50% {
        -webkit-box-shadow: 0 0 9px var(--primary-color-btn);
    }
    100% {
        -webkit-box-shadow: 0 0 4px var(--primary-color-btn);
    }
}

@-moz-keyframes glowing {
    0% {
        -moz-box-shadow: 0 0 4px var(--primary-color-btn);
    }
    50% {
        -moz-box-shadow: 0 0 9px var(--primary-color-btn);
    }
    100% {
        -moz-box-shadow: 0 0 4px var(--primary-color-btn);
    }
}

@-o-keyframes glowing {
    0% {
        box-shadow: 0 0 4px var(--primary-color-btn);
    }
    50% {
        box-shadow: 0 0 9px var(--primary-color-btn);
    }
    100% {
        box-shadow: 0 0 4px var(--primary-color-btn);
    }
}

@keyframes glowing {
    0% {
        box-shadow: 0 0 4px var(--primary-color-btn);
    }
    50% {
        box-shadow: 0 0 9px var(--primary-color-btn);
    }
    100% {
        box-shadow: 0 0 4px var(--primary-color-btn);
    }
}
@keyframes shake-animation {
    0% {
        transform: translate(0, 0);
    }
    1.78571% {
        transform: translate(5px, 0);
    }
    3.57143% {
        transform: translate(0, 0);
    }
    5.35714% {
        transform: translate(5px, 0);
    }
    7.14286% {
        transform: translate(0, 0);
    }
    8.92857% {
        transform: translate(5px, 0);
    }
    10.71429% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, 0);
    }
}

.branch-detail-information {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.other-wheels {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-left: -15px;
    width: 100%;
    margin-left: auto;
}
.other-wheels .p-product-wheel {
    width: 25%;
}
.other-wheels .tkf-product-area {
    width: 100%;
}

/* Big Image Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto !important;
    cursor: zoom-out;
}

#myImg:hover {
    opacity: 0.7;
}

#myModal {
    display: none;
    flex-direction: column;
    position: fixed;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: zoom-out;
}
#myModal .modal-content {
    margin: auto;
    display: block;
    max-height: inherit;
}
#myModal span {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 16px;
    padding: 6px 12px;
    border-radius: 5px;
    letter-spacing: 0;
    border: 2px solid #ddd;
    cursor: pointer;
}

/* Add Animation */
#myModal .modal-content {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    box-shadow: none;
    border: none;
    background: transparent;
}

#myModal .out {
    animation-name: zoom-out;
    animation-duration: 0.6s;
}

/* multi select dropdown */
.dropdown-multi-select {
    position: relative;
    display: block;
    width: 63%;
}
.dropdown-multi-select .selectBox {
    display: block;
    width: 100%;
    height: 32px;
    padding: 8px 25px 8px 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dropdown-multi-select .dropdown-content {
    position: absolute;
    top: 100%;
    background: #fff;
    color: #444;
    display: none;
    z-index: 9;
    width: 100%;
    margin: 5px 0 0 10px;
    box-shadow: 0 2px 10px #8a8a8a;
    border-radius: 4px;
}
.dropdown-multi-select .dropdown-content input[type="text"] {
    height: 30px;
    border: 1px solid #c6c3c3;
    border-radius: 4px;
    width: 100%;
    padding: 0 10px;
    font-size: 12px;
}
.dropdown-multi-select .dropdown-content input[type="checkbox"] {
    display: none;
}
.dropdown-multi-select .dropdown-content input[type="checkbox"] + label {
    position: relative;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding-left: 20px;
    font-weight: 400;
}

.dropdown-multi-select .dropdown-content input[type="checkbox"] + label:before {
    content: "";
    -webkit-appearance: none;
    background-color: white;
    background: #f3f3f3;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    left: 0;
    top: 2px;
}
.dropdown-multi-select .dropdown-content input[type="checkbox"] + label:hover:before {
    border-color: #6ebf55;
}
.dropdown-multi-select .dropdown-content input[type="checkbox"]:checked + label:before {
    background: #6ebf55;
    border-color: #6ebf55;
}
.dropdown-multi-select .dropdown-content input[type="checkbox"]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 5px;
    width: 3px;
    height: 7px;
    border: solid #676767;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.dropdown-multi-select .dropdown-content input[type="checkbox"]:checked + label:after {
    border-color: #fff;
}
.dropdown-multi-select .dropdown-content .search {
    padding: 10px;
    background: #eaeff1;
    border-radius: 4px 4px 0 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6e1e5;
}
.dropdown-multi-select .dropdown-content.show {
    display: block;
}
.dropdown-multi-select .dropdown-content ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    max-height: 200px;
    overflow: auto;
}
.dropdown-multi-select .dropdown-content ul li {
    margin: 0;
    font-style: normal;
    color: #000 !important;
    width: 100%;
    display: block;
    padding: 5px 10px !important;
}
.dropdown-multi-select .dropdown-content ul li:before {
    display: none;
}
.dropdown-multi-select .dropdown-content ul li:last-child {
    border-bottom: none;
}
.dropdown-multi-select .dropdown-content ul li.no-result-found {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 400;
    padding: 5px 10px 0px !important;
    text-align: center;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(1);
    }
    to {
        -webkit-transform: scale(1.2);
    }
}

@keyframes zoom {
    from {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}

@keyframes zoom-out {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(0.9);
    }
}

.selected-values {
    display: flex;
    align-items: center;
    padding: 11px;
    height: 60px;
    background: #61a94b;
}
.selected-values .rim-option-title h3 {
    font-size: 16px;
    font-weight: 500;
}

/* New layout changes: Starts */

.new-layout .api-tabs > ul.api-tab-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px !important;
    width: calc(100% + 20px);
    box-sizing: border-box;
    align-items: flex-end;
}

.new-layout .api-tabs > ul.api-tab-list > li {
    flex: 1;
    border: none;
    margin: 0 10px;
    box-sizing: border-box;
    white-space: nowrap;
    width: 25%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.api-tabs .p-widget-title {
    min-height: 1px;
    text-align: left;
    background: #5f5f5f;
}
.api-tabs .p-widget-title > span {
    position: static !important;
    padding: 15px 10px;
    display: block;
    top: 0 !important;
    transform: none !important;
    text-align: left;
}
.api-tabs .p-widget-title .title-a,
.api-tabs .p-widget-title .title-b,
.api-tabs .p-widget-title .title-c,
.api-tabs .p-widget-title .title-d {
    margin: 0 !important;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    display: inline-block;
}

/* .api-tabs .p-widget-title .title-b {
    font-size: 15px;
    line-height: 1;
    vertical-align: top;
    margin: 6px 0 0 !important;
    text-transform: capitalize;
} */

.new-layout .api-tabs > ul.api-tab-list > li > a {
    background: #4e4e4e;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
    border: 2px solid #4e4e4e;
    border-bottom: none;
    text-align: left;
    overflow: hidden;
    padding: 20px 15px;
    text-overflow: ellipsis;
}

.new-layout .api-tabs > ul.api-tab-list > li.active > a {
    background: #ffffff !important;
    border: 2px solid #fff;
    border-bottom: none;
    color: #111 !important;
    position: relative;
}
.new-layout .api-tabs > ul.api-tab-list > li.active > a:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    background: #fff;
    height: 2px;
    z-index: 9;
}

.new-layout .api-tabs > ul.api-tab-list > li > a:after,
.new-layout .api-tabs > ul.api-tab-list > li > a i {
    display: none;
}

.new-layout .api-tabs > ul.api-tab-list > li > a:after {
    content: '';
    background: var(--primary-color);
    background: #4e4e4e;
    height: 2px;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    transform: none;
    top: auto;
    width: auto;
}


@media only screen and (min-width: 768px) {
    .new-layout .api-tabs > ul.api-tab-list > li.active > a:after {
        display: block;
    }
}

.new-layout .api-tabs > .api-tabs-content {
    width: 100%;
    background: #ffffff !important;
    /* border: 2px solid #fff; */
    border: 0;
}

.new-layout .apiBreadcrumb {
    /* background: none; */
    background: #e5e5e5;
    border-radius: 0;
}

.new-layout .apiBreadcrumb li a {
    color: #3f3f3f;
    font-weight: 600;
}

.new-layout .apiBreadcrumb ol li + li::before {
    color: #3f3f3f;
    display: inline-block;
}

.new-layout .inner-page {
    background: #fff !important;
    padding: 20px;
    margin-bottom: 20px;
}

.new-layout .inner-page[style="padding: 0px"] {
    padding-top: 20px !important;
}

.new-layout .confirm-vehicle {
    padding: 0;
}

.new-layout .confirm-vehicle .vt-box {
    background: #fff;
    box-shadow: 0px 0px 8px 0px #ccc;
    margin-bottom: 30px;
    padding: 30px;
    overflow: hidden;
}

.basket-items-details {
    position: relative;
    color: #000 !important;
    margin: 0 0 20px;
    padding: 0 0 10px;
    overflow: hidden;
    overflow-x: auto;
    background: none !important;
}

.basket-items-details table {
    width: 100%;
    font-size: 14px !important;
    line-height: 16px !important;
    border-collapse: collapse !important;
    min-width: 580px !important;
    border: 1px solid #e1e1e1 !important;
    background: none !important;
    color: #000 !important;
}

.basket-items-details table thead {
    background: #000 !important;
    color: #fff !important;
}

.basket-items-details table thead th {
    background: #000 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.basket-items-details table th,
.basket-items-details table td {
    padding: 8px 10px !important;
    vertical-align: middle !important;
    text-transform: capitalize !important;
    text-align: left !important;
    background: none !important;
    color: #000 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #000 !important;
}

.basket-items-details table th {
    font-weight: 600 !important;
}

.basket-items-details table tbody tr {
    border-bottom: 1px solid #e1e1e1 !important;
}

.basket-items-details table tbody tr:nth-child(2n) {
    background: #f2f2f2 !important;
    color: #000 !important;
}

.basket-items-details table .remove {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    padding: 4px;
    border: 0;
    text-align: center;
    display: block;
    width: 24px !important;
    height: 24px !important;
    font-size: 14px;
    line-height: 16px;
    border-radius: 2px;
    opacity: 0.8;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.basket-items-details table .remove i {
    display: block;
    line-height: inherit;
}
.basket-items-details table .remove:hover {
    opacity: 0.9;
}

.basket-items-details table .selectWrapper {
    width: 100% !important;
    background: none !important;
    display: block !important;
}

.basket-items-details table .selectWrapper select {
    width: 100% !important;
    min-width: 1px !important;
    background: #000 !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 18px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 7px 7px !important;
    padding-right: 20px !important;
    display: block !important;

    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 20px !important;
    overflow: hidden !important;
}

.basket-items-details table .special .specialContent {
    color: #000;
    margin: 0;
}

.basket-items-details table .special .specialContent:before {
    color: inherit;
}

.basket-items-details table .special_instruction_tr td[colspan] {
    padding: 0 !important;
}

.basket-items-details table .special_instruction_tr td[colspan] .table-content {
    padding: 15px 10px !important;
    position: relative;
    z-index: 1;
}

.basket-items-details table .special_instruction_tr td[colspan] .table-content:before,
.basket-items-details table .special_instruction_tr td[colspan] .table-content:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    top: -1px;
    left: 8px;
    border: solid transparent;
}

.basket-items-details table .special_instruction_tr td[colspan] .table-content:before {
    border-width: 8px;
    border-top-color: #f2f2f2;
    z-index: 0;
}
.basket-items-details table .special_instruction_tr td[colspan] .table-content:after {
    border-width: 10px;
    border-top-color: #e1e1e1;
    z-index: -1;
    margin-left: -2px;
}

.basket-items-details table .special_instruction_tr:nth-child(2n) td[colspan] .table-content:before {
    border-top-color: #fff;
}

.basket-items-details table .promotions {
    justify-content: flex-start;
    gap: 0 5px;
}

@media screen and (max-width: 767px) {
    .basket-items-details table .special_instruction_tr td[colspan] .table-content:before,
    .basket-items-details table .special_instruction_tr td[colspan] .table-content:after {
        /* left: 50%;
        transform: translateX(-50%); */
        top: 0;
    }
    .basket-items-details table .special_instruction_tr td[colspan] .table-content:before {
        border-width: 10px;
    }
    .basket-items-details table .special_instruction_tr td[colspan] .table-content:after {
        display: none;
    }
}



/* Without Scrollbar on mobile */


@media screen and (max-width: 767px) {
    .basket-items-details.mobile-revamp {
        overflow: hidden !important;
    }

    .basket-items-details.mobile-revamp .table,
    .basket-items-details.mobile-revamp .table tr,
    .basket-items-details.mobile-revamp .table td,
    .basket-items-details.mobile-revamp .table tbody,
    .basket-items-details.mobile-revamp .table thead {
        display: block;
        font-size: 13px !important;
    }

    .basket-items-details.mobile-revamp .table {
        min-width: 1px !important;
    }

    .basket-items-details.mobile-revamp .table thead {
        display: none !important;
    }

    .basket-items-details.mobile-revamp .table tr {
        display: flex;
        flex-flow: row wrap;
        border: 0 !important;
    }

    .basket-items-details.mobile-revamp .table td {
        display: flex;
        flex-direction: column;
        padding: 0 !important;
        flex: 1 0 0;
        border: 0 !important;
    }
    
    .basket-items-details.mobile-revamp .table td:first-child {
        border-bottom: 1px solid #e1e1e1 !important;
        width: 100% !important;
        min-width: 100%;
        flex: 1 0 100%;
    }

    .basket-items-details.mobile-revamp .table td:before {
        content: attr(data-title);
        display: block;
        flex-shrink: 0;
        color: #000 !important;
        font-weight: 600 !important;
        padding: 6px 8px;
        width: 110px;
        width: 100%;
        flex-grow: 1;
    }

    .basket-items-details.mobile-revamp .table .special_instruction_tr td:before {
        display: none;
    }

    .basket-items-details.mobile-revamp .table td:first-child:before {
        background: #000 !important;
        color: #fff !important;
    }

    .basket-items-details.mobile-revamp .table td.action-col {
        /* border-bottom: none !important; */
        align-self: flex-end;
    }

    .basket-items-details.mobile-revamp .table td.action-col:before {
        display: none !important;
    }

    .basket-items-details.mobile-revamp .table .table-content {
        display: block;
        width: calc(100% - 110px);
        width: 100%;
        padding: 6px 8px;
        flex-grow: 1;
    }

    .basket-items-details.mobile-revamp .table td.action-col .table-content {
        width: 100%;
    }

    .basket-items-details.mobile-revamp .table .remove {
        width: 100% !important;
        height: 28px !important;
        font-size: 16px;
        border-radius: 4px;
        min-width: 70px;
    }

    .basket-items-details.mobile-revamp .table .tf-si-wrapper .tf-si-title {
        font-size: 12px;
    }

    /* .basket-items-details.mobile-revamp .table .tf-si-wrapper > form {
        margin: 0 0 0 -110px;
    } */

    .basket-items-details.mobile-revamp .table .tf-si-wrapper .tkf-input-group {
        flex-wrap: wrap;
        gap: 10px;
    }

    .basket-items-details.mobile-revamp .table .tf-si-wrapper .tkf-input-group .form-control {
        min-width: 100%;
    }

    .basket-items-details.mobile-revamp .table .tf-si-wrapper .tkf-input-group .input-group-append {
        flex-grow: 1;
        margin: 0;
        gap: 10px;
    }

    .basket-items-details.mobile-revamp .table .tf-si-wrapper .tkf-input-group .input-group-append > * {
        margin: 0;
        flex-wrap: wrap;
        text-align: center;
    }

    .basket-items-details.mobile-revamp table .selectWrapper {
        color: #000 !important;
    }

    .basket-items-details.mobile-revamp table .selectWrapper select {
        background: #e1e1e1 !important;
        color: #000 !important;
    }

    .basket-items-details.mobile-revamp.btn-close-revamp .table td.action-col {
        flex: 0 0 auto;
    }

    .basket-items-details.mobile-revamp.btn-close-revamp .table .remove {
        width: 26px !important;
        height: 26px !important;
        min-width: 1px;
    }
}

@media screen and (max-width: 480px) {
    .basket-items-details.mobile-revamp .table .tf-si-wrapper .tkf-input-group .input-group-append {
        white-space: normal;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1025px) {
    .new-layout .confirm-vehicle .vt-box.vrm-min-block {
        min-height: 444px;
    }
}

@media screen and (min-width: 1201px) {
    .new-layout .confirm-vehicle .vt-box.vrm-min-block {
        min-height: 424px;
    }
}

@media screen and (min-width: 1520px) {
    .new-layout .confirm-vehicle .vt-box.vrm-min-block {
        min-height: 405px;
    }
}

.new-layout .tkf-product-page {
    padding: 0;
}

.new-layout .tkf-product-page .tyre-top-filters .specialTyre {
    padding: 0;
    background: #fff;
    box-shadow: none;
}

.new-layout .refineTyreChoice {
    background: #000;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}

.new-layout .specialTyre {
    background: #fff;
    margin: 0;
}

.new-layout .specialTyre h2 {
    color: #3f3f3f;
    font-weight: 700 !important;
    border: none;
    display: none;
}

.new-layout .topFilterArrow {
    border: none;
}

.new-layout .topFilterArrow .radio label,
.new-layout .topFilterArrow .checkbox label {
    color: #fe8100 !important;
    font-weight: 400;
}

.new-layout .topFilterArrow {
    color: #3f3f3f;
}

.new-layout .rim-option .selectBox {
    background: #000000;
    border: 2px solid #616161;
    border-radius: 0;
    margin: 0 0 0 5px;
}

.new-layout .sidebar-filters .selectBox {
    background: #d6d6d6 !important;
}

.new-layout .btn-tkf-2 {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    font-size: 14px;
    font-family: var(--tfcw-primary-font);
    font-style: normal;
    font-weight: 600;
    border-radius: 0;
    display: block;
    width: 100%;
}

.new-layout .filter-sidebar {
    border-radius: 0;
    background: #ededed;
}

.new-layout .tyres-list-area .filter-result h3,
.new-layout .wheel-tyre-packages .filter-result h3 {
    color: #3f3f3f !important;
}

.new-layout .filter-result ul li {
    color: #3f3f3f !important;
}

.new-layout .tkf-product {
    border-radius: 0;
}
.new-layout .tkf-product .ap-tyre-offer {
    padding: 8px;
}
.new-layout .tkf-product .ap-all-offers {
    display: flex;
    justify-content: space-between;
}
.new-layout .tkf-product .ap-offer-one,
.new-layout .tkf-product .ap-offer-two {
    font-size: 20px;
}
.new-layout .tkf-product .box {
    border: none;
    box-shadow: 0px 0px 5px rgb(0, 0, 0, 25%);
    overflow: hidden;
    background: #fff !important;
    padding: 0 !important;
}

.new-layout .tkf-product.premium > .box,
.new-layout .tkf-product > .box.premium {
    border-top: 8px solid #ce5b5b !important;
}

.new-layout .tkf-product.mid-range > .box,
.new-layout .tkf-product > .box.mid-range {
    border-top: 8px solid #1e6dca !important;
}

.new-layout .tkf-product.budget > .box,
.new-layout .tkf-product > .box.budget {
    border-top: 8px solid #14b16d !important;
}

.new-layout .tkf-product .detailArea .price,
.new-layout .set-four-box .set-price-box .price {
    background: transparent;
    color: #000;
    font-style: normal;
    font-size: 20px;
    padding: 0 10px 5px;
}

.new-layout .set-four-box .set-price-box .price {
    padding: 0 0 5px;
}

.new-layout .tkf-product .detailArea .price .price-unit,
.new-layout .set-four-box .set-price-box .price .price-unit {
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    line-height: 1;
    color: #999;
    padding: 6px 0 0;
}
.new-layout .tkf-product .detailArea .price .price-unit.new-price-unit,
.new-layout .set-four-box .set-price-box .price .price-unit.new-price-unit,
.new-layout .tkf-product .rear-price-label .new-price-unit,
.new-layout .set-four-box .set-price-box .rear-price-label .new-price-unit {
    text-transform: capitalize;
    font-size: 10px;
    font-weight: 500;
}
.ta-checkout-action-back .ch-btn {
    background: #2f2f2f;
}

.tkf-product-section.set-four-section {
    margin: 0 -15px !important;
}
.tkf-product-section.set-four-section.tkf-product-list .set-form-s {
    width: 100%;
}
.tkf-product-section.set-four-section.tkf-product-list .set-four-box .set-four-products .tkf-product {
    width: 100%;
}
.tkf-product-section.set-four-section.tkf-product-list .set-four-box .set-four-products .tkf-product ~ .tkf-product,
.tkf-product-section.set-four-section.tkf-product-list .set-four-box .set-four-products .tkf-product ~ .tkf-product > .box {
    border: 0 !important;
}
.set-form-s {
    display: flex;
    flex-flow: row wrap;
    width: calc(50% - 30.5px);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    margin: 15px !important;
    border-radius: 0 !important;
}

.set-four-box {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    border-radius: 2px !important;
}

.set-four-box.premium {
    border-top: 8px solid #ce5b5b !important;
}

.set-four-box.mid-range {
    border-top: 8px solid #1e6dca !important;
}

.set-four-box.budget {
    border-top: 8px solid #14b16d !important;
}

.set-four-box .set-four-products {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    width: 100%;
}

.set-four-box .set-four-products .tkf-product {
    width: 50%;
    padding: 0 !important;
    margin: 0 !important;
    min-width: auto;
}

.set-four-box .set-four-products .tkf-product .box {
    border: none !important;
}

.set-four-box .set-four-products .promotion-wraper {
    min-height: 61px;
    /* background: var(--primary-color); */
}

.set-four-box .set-four-select-btn {
    width: 100%;
    flex-shrink: 0;
    padding: 10px;
}

.set-price-wrapper {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    text-align: center;
    color: #000 !important;
}

.set-price-wrapper .tota-set-price {
    margin: 0 !important;
    font-weight: 600;
    color: #000 !important;
}

.tkf-product-section .buying-option-note {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    padding: 8px 0 0;
    text-align: center;
}

.set-four-box .btn-add-tyre {
    background: var(--primary-color-btn);
    border: 2px solid var(--primary-color-btn);
    border-radius: 3px;
    color: var(--primary-color-btn-text);
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    line-height: 1.2;
    padding: 10px 20px;
    text-decoration: none;
    width: 100%;
    margin: 0;
}

.set-four-box .apiCol2 .qty:after {
    display: none;
}
.set-four-box .apiCol2 .qty select {
    background: rgba(0, 0, 0, 0.75) !important;
}
@media screen and (max-width: 1023px) {
    .set-form-s {
        width: calc(100% - 30px);
    }
}
@media screen and (max-width: 767px) {
    .new-layout .api-tabs > ul.api-tab-list {
        display: block;
    }

    .set-four-box .set-four-products .tkf-product {
        width: 100%;
    }
}

/* New layout changes: Ends */

/* New UI styles: Starts */

.tkf-container.new-layout .api-tabs {
    background: #868686;
    border-radius: 0;
    border: 20px solid #868686;
    margin-top: 0;
}

.tkf-container.new-layout img {
    padding: 0;
}

.new-layout .tkf-w-title {
    border-radius: 0;
    background: #202020;
    background: none;
    padding: 0 10px 15px;
    display: none !important;
}

.new-layout .tkf-w-title .heading-title {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    font-size: 33px;
    color: #fff;
    font-weight: 600;
}

.new-layout .tkf-w-title > small {
    margin-top: 12px;
    display: none;
}

.new-layout .apiCartIcon.homeCartIcon {
    margin-top: 10px;
}

.new-layout .api-tab-pane .api-tab-pane {
    background: none;
}

.new-layout .api-tabs-content {
    /* background: #3f3f3f; */
    /* height: 100%; */
    overflow: hidden;
}

.new-layout .ap-logo-wrapper {
    display: none;
}

.new-layout .ap-page-heading {
    padding: 0;
    border: none;
    margin: -15px -15px 0;
    width: auto;
    padding: 5px 15px !important;
    text-align: center;
}

.new-layout .ap-page-heading h3 {
    color: var(--primary-color);
    width: 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    line-height: 32px;
    margin: 0;
    text-align: left;
}

.new-layout .tkf-product-img img {
    height: 190px !important;
    object-fit: contain;
    margin: auto;
}
.noUi-connect {
    background: #efefef;
    box-shadow: none;
}
.noUi-handle {
    background: #3e9a33;
    box-shadow: 0 0 1px #3e9a33 inset, 0 1px 7px #3e9a33 inset, 0 3px 6px -3px #3e9a33;
    border: 1px solid #3e9a33;
}

.new-layout .tkf-product .tkf-product-img {
    margin: 0;
}

.new-layout .vt-tyre-size {
    padding: 0;
    background: none;
}

.new-layout .tyres-list-area {
    padding: 0;
    margin-top: 0;
}

.new-layout .impMessage li {
    color: inherit;
}

.new-layout .custom-pagination {
    clear: both;
    padding: 0 15px;
}

.new-layout .vt-tyre-size .title {
    display: block;
    font-weight: 600;
    color: var(--primary-color);
    padding: 5px 0;
    font-size: 16px !important;
}

.new-layout .tkf-product .img-area {
    border: none;
    border-radius: 0 !important;
}
.new-layout .tkf-product .detailArea {
    background: transparent;
    overflow: hidden;
}
.new-layout .tkf-product .detailArea.tf-title-tooltip-box {
    overflow: visible;
}

.new-layout .vt-gdpr {
    display: none !important;
}

.selectBox:after {
    content: "\f0d7"; /* You should use \ and not /*/
    font-family: "Font Awesome 5 Free"; /* This is the correct font-family*/
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-style: normal;
    color: #202020;
    margin: -1px 0 0;
}
.selectBox {
    background: #d6d6d6;
    display: inline-block;
    position: relative;
    border-radius: 4px;
    flex: 1;
    vertical-align: middle;
    overflow: hidden;
}
.selectBox select {
    background: none;
    border: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    color: #202020;
    width: 100% !important;
    font-size: 14px;
    line-height: 24px;
    text-overflow: ellipsis;
    padding: 5px !important;
    padding-right: 25px !important;
    box-sizing: border-box;
    margin: 0;
}
.selectBox select option {
    background: #202020;
    color: #fff;
}

.top-searched-title {
    display: none;
}

.sort-by {
    padding: 20px 0 15px;
}
.sort-by h3 {
    float: none;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    margin-right: 10px;
}
.sort-by .price-range {
    display: none;
}
.sort-by .text-right {
    text-align: right;
}
.sort-by .text-right form {
    display: inline-block;
    vertical-align: middle;
}
.sort-by .priceRangeHighLow {
    height: 50px;
    background: #000;
    font-style: normal;
    text-align: left;
    margin: 0;
    width: 100%;
    min-width: 215px;
}
.sort-by .priceRangeHighLow select {
    height: 50px;
    background: #000;
    font-style: normal;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
    .sort-by .priceRangeHighLow {
        min-width: 195px;
    }
}
.change-columns-holder {
    text-align: left;
}
.change-columns {
    padding: 0;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
    border: none;
    margin: 0 4px;
    line-height: 1;
    color: #c5c5c5;
    cursor: pointer;
    background: none !important;
}
.change-columns.active {
    color: var(--primary-color);
}
.change-columns i {
    font-family: "Font Awesome 5 Free";
}

.filterOptionRow {
    display: flex;
    margin: 0 -5px;
    flex-wrap: wrap;
}

.filterOptionWrap {
    flex: 0 0 24%;
    max-width: 24%;
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.filterOptionWrap .selectBox {
    width: 100%;
    background: #000;
    border-radius: 0;
}
.filterOptionWrap .selectBox:after {
    content: "\f0dc";
    color: #fff;
    font-size: 20px;
}
.filterOptionWrap .selectBox select {
    color: #fff;
}

.filterOptionWrap .selectBox select {
    padding-top: 22px !important;
    height: 60px;
    padding-left: 10px !important;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.filterOptionWrap .filter-title {
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    color: #9f9f9f;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 5px;
    z-index: 1;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
}

@media screen and (max-width: 767px) {
    .filterOptionWrap {
        max-width: 100%;
    }
}

.new-layout .tyres-list-area .tkf-product-area,
.new-layout .wheel-tyre-packages .tkf-product-area {
    width: 100% !important;
}

.refinedTyreChoice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
}
.refinedTyreChoice .rim-size {
    width: auto;
    font-size: 14px;
    margin-right: 25px;
    display: inline-block;
	flex-grow: 1;
}
.refinedTyreChoice .rim-size + .rim-size {
    margin-left: 20px;
}
.refinedTyreChoice .rim-size span {
    padding: 0 3px;
}
.refinedTyreChoice .rim-size span.value {
    font-weight: bold;
}
.refinedTyreChoice .values {
    display: flex;
    align-items: center;
	flex-grow: 1;
    padding: 0 10px;
}
.refinedTyreChoice .change-filter {
    margin-left: 20px;
}
.refinedTyreChoice .change-filter button {
    text-transform: uppercase;
    min-width: 150px;
    color: #fff;
    margin: 0;
}
.refinedTyreChoice strong {
    color: #fff !important;
    font-size: 20px;
    padding: 0 10px;
}

.trye-approved-brands {
    flex: 1;
    display: flex;
    min-height: 40px;
    margin: -10px 0 10px;
    margin: 0;
}

.tkf-product-list .trye-approved-brands {
    margin: 5px 0 0;
    flex-direction: column;
}

.trye-approved-brands img {
    width: 50px !important;
    height: 40px !important;
    object-fit: contain;
    border: 2px solid #fff;
}
.trye-approved-brands img + img {
    margin-left: -13px;
}

.trye-approved-brands .para-text {
    display: block;
    width: 100%;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 5px;
}

.more-filter {
    display: flex !important;
    align-items: center;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    color: #3f3f3f;
    text-decoration: none;
    padding: 25px 10px;
}
.more-filter i {
    font-size: 10px;
    position: relative;
    top: 1px;
}

.more-filter:hover {
    color: #000;
    text-decoration: none;
}

.more-filter i {
    display: block;
    line-height: inherit;
    transition: all 0.4s ease;
    margin: 0 0 0 8px;
}
.more-filter-active .more-filter i {
    transform: rotate(-90deg);
}

.filterHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    background: #f3f3f3;
    z-index: 999;
    box-shadow: 0 2px 2px #ddd;
}
.filterHeader form {
    flex: 1;
}

.filterWrapper {
    position: relative;
    overflow: hidden;
    margin: 0 0 10px;
}

.filterHeader h2 {
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.new-layout .tkf-product .detailArea .book_tyre {
    letter-spacing: -5px;
}

.new-layout .tkf-product .detailArea .book_tyre > * {
    letter-spacing: 0;
}

.new-layout .tkf-product .detailArea .apiCol2 {
    margin-top: 10px !important;
    margin-bottom: 10px;
}

.new-layout .tkf-product .detailArea .book_tyre .qty {
    background: #ffffff !important;
    margin-bottom: 10px;
    width: 100%;
    border: 2px solid #eee;
}

.new-layout .tkf-product .detailArea .book_tyre .qty select {
    padding: 5px 10px !important;
    padding-right: 30px !important;
    width: 100% !important;
    color: #fff;
    background-color: #000 !important;
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    text-transform: capitalize;
    letter-spacing: 0.25px;
}

.new-layout .tyreSizes,
.new-layout .priceRangeHighLow {
    border-radius: 4px;
}
.tyre-icons,
.tkf-product .tyre-icons {
    float: none;
    width: 50%;
    flex: 1;
    display: flex;
    padding: 0;
}

.tyre-icons i,
.tkf-product .tyre-icons i {
    margin: 0px -10px 0 0 !important;
    display: block;
    border: 2px solid #fff;
    border-radius: 20px;
}
.tyre-icons .text-icon,
.tkf-product .tyre-icons .text-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    background: #4d4d4d;
    color: #fff;
    font-style: normal;
}

.tyre-icons .text-icon:hover,
.tkf-product .tyre-icons .text-icon:hover {
    background: #ccc !important;
}

.tyre-icons .text-icon .icon-wrap,
.tkf-product .tyre-icons .text-icon .icon-wrap {
    display: block;
    width: 100%;
    max-width: 15px;
}
.tyre-icons .text-icon .icon-wrap svg,
.tkf-product .tyre-icons .text-icon .icon-wrap svg,
.tyre-icons .text-icon .icon-wrap img,
.tkf-product .tyre-icons .text-icon .icon-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    color: currentColor;
    fill: currentColor;
}

.tyre-icons .text-icon.front-axel,
.tkf-product .tyre-icons .text-icon.front-axel {
    background: #fbb03c;
}

.tyre-icons .text-icon.rear-axel,
.tkf-product .tyre-icons .text-icon.rear-axel {
    background: #93298f;
}

.tyre-icons .text-icon.both-axel,
.tkf-product .tyre-icons .text-icon.both-axel {
    background: #14b16d;
}

.tyre-icons .text-icon.both-axel .icon-wrap,
.tkf-product .tyre-icons .text-icon.both-axel .icon-wrap {
    margin: 0 0 0 1px;
}

.tyre-icons .text-icon .fa,
.tyre-icons .text-icon .fa-solid,
.tyre-icons .text-icon i,
.tkf-product .tyre-icons .text-icon .fa,
.tkf-product .tyre-icons .text-icon .fa-solid,
.tkf-product .tyre-icons .text-icon i {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 14px !important;
    display: block !important;
    line-height: inherit !important;
}

.tyre-icons .text-icon.ev-icon,
.tkf-product .tyre-icons .text-icon.ev-icon {
    --_evIconColor: #007bff;
    background: var(--_evIconColor);
    
}

.tyre-icons .text-icon.ev-icon:hover,
.tkf-product .tyre-icons .text-icon.ev-icon:hover {
    background-color: color-mix(in srgb, var(--_evIconColor), #000 25%) !important;
}

.tyre-icons .text-icon.ev-icon .fa,
.tyre-icons .text-icon.ev-icon .fa-solid,
.tyre-icons .text-icon.ev-icon i,
.tkf-product .tyre-icons .text-icon.ev-icon .fa,
.tkf-product .tyre-icons .text-icon.ev-icon .fa-solid,
.tkf-product .tyre-icons .text-icon.ev-icon i {
    font-size: 80% !important;
}

/* Vehicle Type Icons : Start */
.tkf-product .other-infos.info-icons-wrapper {
    display: flex;
    flex-flow: row wrap;
    margin: 0;
    gap: 10px 20px;
    width: 100%;
    align-items: center;
}

.tkf-product.tkf-heroBoxes .other-infos.info-icons-wrapper {
    padding: 0 15px;
}

@media screen and (min-width: 801px) {
    .tkf-product.tkf-heroBoxes .other-infos.info-icons-wrapper {
        padding: 0;
    }
}

.tkf-product.tkf-heroBoxes .other-infos.info-icons-wrapper .tyre-icons {
    margin: 0;
}

.tkf-product .other-infos.info-icons-wrapper.align-left {
    justify-content: flex-start;
}

.tkf-product .other-infos.info-icons-wrapper.align-left .tyre-icons {
    flex: 0 0 auto !important;
}

.tkf-product .other-infos.info-icons-wrapper .tyre-icons {
    flex: 1 0 auto;
    width: auto !important;
}

.tkf-product .other-infos.info-icons-wrapper .tyre-icons i {
    flex-shrink: 0;
}

.tkf-product .other-infos.info-icons-wrapper .tyre-icons.vehicle-types {
    justify-content: flex-end;
    align-items: center;
    gap: 3px;
}

.tkf-product .other-infos.info-icons-wrapper.icons-align-start {
    justify-content: flex-start;
}

.tkf-product .other-infos.info-icons-wrapper.icons-align-start .tyre-icons {
    flex: 0 0 auto;
}

.tyre-icons.vehicle-types {
    --_vtIconColor: var(--primary-color);
}

.tyre-icons.vehicle-types.icons-flat .icon-vehicle-type {
    background: none !important;
    border: none;
    border-radius: 0;
    width: 38px;
    width: 70px;
    padding: 0;
    border: none;
    color: var(--_vtIconColor);
}

.tyre-icons.vehicle-types .icon-vehicle-type:before{
	display: none !important;
}

.tyre-icons.vehicle-types .icon-vehicle-type {
    /* background: color-mix(in srgb, var(--primary-color), #fff 90%);
    border-color: color-mix(in srgb, var(--primary-color), #fff 50%);
    color: color-mix(in srgb, var(--primary-color), #000 50%); */
    background: var(--_vtIconColor);
    border-color: color-mix(in srgb, var(--_vtIconColor), #000 30%);
    color: color-mix(in srgb, var(--_vtIconColor), #000 65%);
    margin: 0 !important;
    padding: 2px;
    border-width: 1px;
    width: 29px;
    height: 29px;
}

.tyre-icons.vehicle-types .icon-vehicle-type:hover {
    background: color-mix(in srgb, var(--_vtIconColor, #e5e5e5), #000 10%);
}

.tyre-icons.vehicle-types .icon-vehicle-type img,
.tyre-icons.vehicle-types .icon-vehicle-type svg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Vehicle Type Icons : End */


.product-recommended .tyre-icons {
    margin-left: 20px;
}
.new-layout .vehicle-specs-row .v-specs {
    font-weight: 700;
    font-size: 17px;
    line-height: 1.2;
}

.new-layout .findMidSection {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.new-layout .bike-tyres .findMidSection {
    align-items: center;
}

.new-layout .api-tabs > ul.api-tab-list > li:last-child > a {
    border-radius: 0 !important;
}

.new-layout .findMidSection .rim-size:before {
    display: none;
}

.new-layout .findMidSection .rim-size {
    width: 100%;
    padding: 0 0 13px;
}

.new-layout .findMidSection .rim-size-btn {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
}

.new-layout .findMidSection .rim-size-btn .main-r-option {
    padding: 0 10px;
    flex: 1 0 25%;
    margin: 0;
}

.new-layout .findMidSection .rim-size-btn .main-r-value {
    display: none;
}

.new-layout .findMidSection .rim-size-btn .select-r-option {
    width: 100%;
    margin: 0;
    border: 2px solid #000;
}

.new-layout .findMidSection .rim-size-btn .select-r-option:after {
    color: #fff !important;
    z-index: 9999;
}

.new-layout .findMidSection .rim-size-btn .select-r-option select {
    width: 100% !important;
    background: #000;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    font-style: normal;
    padding: 12px 8px;
    cursor: pointer;
    border-radius: 0 !important;
}

.new-layout .findMidSection .rim-size-btn .select-r-option select[disabled] {
    /* pointer-events: none; */
    background: #777;
    cursor: not-allowed;
}

.new-layout .findMidSection .find_my_tyres_form,
.new-layout .findMidSection .find-my-tyre {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media only screen and (max-width: 1439px) {
    .new-layout .findMidSection .rim-size-btn .select-r-option select {
        font-size: 12px;
    }
}

@media only screen and (max-width: 991px) {
    .new-layout .findMidSection .rim-size-btn .main-r-option {
        flex: 1 0 50%;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .new-layout .apiCartIcon.homeCartIcon {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .new-layout .findMidSection .rim-size-btn .main-r-option {
        flex: 1 0 100%;
    }
}

/* Manual Front-Rear Home Search : Start */

.new-layout .findMidSection.front-rear-home {
    align-items: center;
}

.new-layout .findMidSection.front-rear-home p {
    margin: 0 0 10px;
    line-height: 1;
}

.new-layout .findMidSection p .tyre-name {
    display: inline-block;
    color: var(--primary-color);
}

.new-layout .findMidSection.front-rear-home .manual-search-fields.front {
    margin: 0 0 15px;
}

.new-layout .findMidSection.front-rear-home .manual-search-fields.rear {
    margin: 0 0 5px;
}

.new-layout .findMidSection.front-rear-home .rim-size-btn .main-r-option {
    padding: 0 8px;
}



.new-layout .findMidSection.front-rear-home.front-rear-both {
    padding-top: 15px;
}

.new-layout .findMidSection.front-rear-home > .grid-100 {
    display: none !important;
}

.new-layout .findMidSection .tyre-size-toggle-wrap {
    display: block;
    text-align: right;
    padding: 5px 0 0;
}

.new-layout .findMidSection .tyre-size-toggle-wrap .tyre-size-toggler {
    display: inline-block;
    vertical-align: top;
    position: relative;
    color: var(--primary-color);
    text-decoration: none;
    padding: 0;
    border-radius: 0;
    white-space: normal;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    z-index: 13;
}

@media only screen and (max-width: 991px) {
    .new-layout .findMidSection.front-rear-home p {
        margin: 0;
    }

    .new-layout .findMidSection.front-rear-home.front-rear-both {
        padding-top: 0;
    }
}

.api-tab-pane .vrm-tyre-toggle-list {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--primary-color);
}

.api-tab-pane .vrm-tyre-toggle-list > li {
    color: inherit !important;
}

.api-tab-pane .vrm-tyre-toggle-list > li a {
    text-decoration: underline !important;
    background: none;
}

.api-tab-pane .vrm-tyre-toggle-list > li .ref-popup-opener {
    text-decoration: underline;
    margin: 0 2px;
}

@media only screen and (min-width: 768px) {
    .new-layout .findMidSection.front-rear-both {
        align-items: center;
    }

    .new-layout .multiple-view .findMidSection.front-rear-both .grid-35 {
        position: static; 
    }

    .new-layout .findMidSection.front-rear-both .tyre-size-toggle-wrap {
        position: absolute;
        top: 2px;
        right: 25px;
    }
    .multiple-view > .api-tab-pane {
        padding-top: 25px !important;
    }

    .multiple-view > .api-tab-pane.tab-tyre-size:after {
        top: 15px !important;
    }
}

@media only screen and (min-width: 991px) {
    .new-layout .findMidSection:not(.front-rear-both) .tyre-size-toggle-wrap {
        margin: 0 0 -8px;
    }
    
    .new-layout .findMidSection.front-rear-home:not(.front-rear-both) .tyre-size-toggle-wrap {
        margin: 0 0 -31px;
    }

    .api-tab-pane .vrm-tyre-toggle-list {
        margin: -10px 0 0;
    }

    .api-tab-pane .vrm-tyre-toggle-list.tyreSizeSearch-active {
        margin: -11px 0 0;
    }
}

/* Manual Front-Rear Home Search : End */

.ta-checkout-userdetails .ta-form-row {
    position: relative;
    margin: 0 -10px 5px;
    display: flex;
    flex-flow: row wrap;
}

.ta-checkout-userdetails .ta-form-row.manual-address-text {
    margin-top: 7px;
}

.ta-checkout-userdetails .ta-form-row.manual-address-text label,
.ta-form-row.manual-address-text label {
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 400;
    margin: 0 !important;
}

.ta-checkout-userdetails .ta-form-row .ta-col-100,
.ta-checkout-userdetails .ta-form-row .ta-col-50 {
    padding: 5px 10px;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    font-weight: 400;
    
}

.ta-checkout-userdetails .ta-form-row .ta-col-100 a {
    color: var(--primary-color) !important;
    font-weight: 400;
    text-decoration: underline !important;
}

.ta-checkout-userdetails .ta-form-row .ta-col-100 a:hover {
    text-decoration: none !important;
}

.ta-checkout-userdetails .ta-col-100 {
    width: 100%;
}

.ta-checkout-userdetails .ta-col-50 {
    width: 50%;
}

.ta-checkout-userdetails .ta-checkout-heading {
    margin: 25px 0 15px;
    border-bottom-color: #ddd;
}

.ta-checkout-userdetails .ta-checkout-heading h3 {
    margin: 0 0 10px;
}

.ta-checkout-userdetails input[type="text"],
.ta-checkout-userdetails input[type="tel"],
.ta-checkout-userdetails input[type="email"],
.ta-checkout-userdetails input[type="password"],
.ta-checkout-userdetails .form-control,
.ta-checkout-userdetails .salutation-select-wrapper {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #ddd;
    margin: 0;
    padding: 10px 15px;
    font-weight: 400;
    outline: none;
    background: #fff;
    color: #000 !important;
}


.ta-checkout-userdetails .ta-form-row:not(.tf-animate-pluse-hidden) .salutation-select-wrapper.tf-animate-pluse-field {
    border-color: var(--primary-color);
    /* border-color: #ddd; */
    /* animation: pluse-animate-border 1.2s ease-in-out infinite forwards; */
}

.tf-animate-pluse-hidden .tf-animate-pluse {
    display: none;
}

.ta-checkout-userdetails input[type="text"][readonly],
.ta-checkout-userdetails input[type="text"][disabled],
.ta-checkout-userdetails input[type="text"]:disabled,
.ta-checkout-userdetails .form-control[readonly],
.ta-checkout-userdetails .form-control[disabled],
.ta-checkout-userdetails .form-control:disabled {
    background: #eee !important;
    pointer-events: none !important;
}

.ta-checkout-userdetails .salutation-select-wrapper {
    padding: 0;
    background: #fff !important;
}

.ta-checkout-userdetails .salutation-select-wrapper .salutation {
    display: block;
    width: 100% !important;
    height: 100%;
    padding: 10px 15px;
    padding-right: 30px;
    color: #000 !important;
    font-style: normal;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
}

.ta-checkout-userdetails .salutation-select-wrapper .salutation option {
    background: none !important;
    color: #000 !important;
}

.ta-checkout-userdetails .error {
    color: #ff1e1e;
    display: block;
    padding: 5px 0 0;
    width: 100%;
    font-size: 14px !important;
    line-height: 17px !important;
}

.ta-checkout-userdetails .tkf-input-group input[type="text"].error,
.ta-checkout-userdetails .tkf-input-group input.error {
    margin-bottom: 22px !important;
}

.ta-checkout-userdetails .tkf-input-group input[type="text"].error ~ .input-group-append,
.ta-checkout-userdetails .tkf-input-group input.error ~ .input-group-append {
    align-self: flex-start;
}
.ta-checkout-userdetails .tkf-input-group input[type="text"].error ~ .error,
.ta-checkout-userdetails .tkf-input-group input.error ~ .error {    
    position: absolute;
    left: 0;
    bottom: 0;
}

.ta-checkout-action-wrapper .ch-btn {
    display: block;
    width: 100%;
}

.ta-checkout-action-wrapper .ch-btn i {
    display: inline-block;
    vertical-align: top;
}

.ta-custom-control-list {
    list-style-type: none;
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0 -10px;
}

.ta-custom-control-list > li {
    padding: 5px 10px;
}

.ta-custom-control-list .ta-custom-control {
    display: flex !important;
}

.ta-custom-control {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 20px;
    padding: 0 !important;
    float: none !important;
    line-height: inherit !important;
}

.ta-custom-control .payment-icon-box {
    display: flex;
    align-items: center;
}
.ta-custom-control .payment-icon-box .ta-fake-custom-label {
    display: inline-block;
    vertical-align: top;
}

.ta-custom-control .payment-icon-box .ta-fake-custom-label .ta-description:before {
    content: "";
    display: inline-block;
    vertical-align: top;
}

.ta-custom-control .ta-custom-input[value="stripe_card"] ~ .payment-icon-box .ta-fake-custom-label .ta-description:before {
    content: "(Stripe)";
}

.ta-custom-control .ta-custom-input[value="sagepay"] ~ .payment-icon-box .ta-fake-custom-label .ta-description:before {
    content: "(SagePay)";
}

.ta-custom-control .ta-custom-input {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}

.ta-custom-control .ta-custom-input:checked ~ .ta-fake-custom-input:before,
.ta-custom-control .ta-custom-input:checked ~ .payment-icon-box .ta-fake-custom-input:before {
    opacity: 1;
    visibility: visible;
}

.ta-custom-control .ta-fake-custom-input {
    display: block;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    border-radius: 100%;
    border: 1px solid #000;
    background: #fff;
    margin: 0 10px 0 0;
    position: relative;
    align-self: flex-start;
}

.ta-payment-option-list,
.ta-payment-address-list {
    font-size: 16px;
}

.ta-payment-option-list > .ta-payment-option,
.ta-payment-address-list > .ta-address-option {
    margin: 0 0 10px;
}

.ta-custom-control .ta-fake-custom-input:before {
    position: absolute;
    content: "";
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: var(--primary-color);
    opacity: 0;
    visibility: hidden;
    border-radius: 100%;
    transition: all 0.3s ease;
}

.ta-custom-control.ta-custom-checkbox .ta-fake-custom-input {
    border-radius: 2px;
}

.ta-custom-control.ta-custom-checkbox .ta-fake-custom-input:before {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 13px;
    height: 7px;
    border-style: solid;
    border-width: 0 0 2px 2px;
    background: none !important;
    border-color: transparent transparent var(--primary-color) var(--primary-color);
    transform: translate(-50%, -50%) rotate(-45deg);
    border-radius: 0;
    margin: -2px 0 0;
}

.tc-restriction-check .ta-custom-control {
    flex-flow: row wrap;
    pointer-events: none;
}

.tc-restriction-check .ta-custom-control .ta-fake-custom-input,
.tc-restriction-check .ta-custom-control .ta-fake-custom-label {
    pointer-events: auto;
}

.tc-restriction-check .ta-custom-control label.error {
    order: 2;
    width: 100%;
    pointer-events: none;
}

.ta-panel {
    border: 1px solid #ccd5d9;
    position: relative;
    border-radius: 4px;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 18px;
}

.ta-panel p {
    margin: 0 0 15px;
    color: #4f5354 !important;
}

.ta-panel p:last-child {
    margin: 0;
}

.ta-panel .ta-panel-header {
    padding: 10px;
}

.ta-panel .ta-panel-body {
    padding: 10px;
    border-top: 1px solid #ccd5d9;
}

.ta-panel .ta-panel-collaspe {
    overflow: hidden;
}

.ta-panel-collaspe.billing-address {
    display: none;
    padding-top: 10px;
}

.ta-payment-option-list,
.ta-payment-address-list {
    font-size: 16px;
}

.ta-payment-option-list > .ta-payment-option,
.ta-payment-address-list > .ta-address-option {
    margin: 0 0 10px;
}

.ta-cart-total {
    background: #f3f3f3;
    padding: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ta-cart-total .cart-total-amount {
    font-size: 16px;
    font-weight: 700;
    color: #000 !important;
}

.grouped_services .cart-page {
    padding: 0;
    float: left;
    margin: 0;
    width: 100%;
}
.grouped_services .extras h3 {
    color: #fff !important;
    margin-bottom: 10px;
}
.grouped_services .extras small {
    padding: 0 !important;
    color: #fff !important;
    margin-bottom: 10px;
    display: block;
}
.ta-panel-group {
    margin: 0 0 15px;
}
.ta-panel-group.payment-select {
    /* border: 1px solid #ddd; */
    margin: 0 0 5px;
}
.ta-panel-group.payment-select .ta-panel .ta-panel-header {
    border-color: #ddd !important;
    border-width: 1px;
}
.ta-panel-group .ta-panel {
    margin: 0;
    border: 0;
    border-radius: 0;
}

.ta-panel-group .ta-panel .ta-panel-header {
    border-top: 1px solid #ccd5d9;
}

.ta-panel-group .ta-panel:first-child .ta-panel-header {
    border: 0;
}

.ta-custom-accordion .ta-panel .ta-panel-collaspe {
    display: none;
}

.ta-custom-accordion .ta-panel.active .ta-panel-collaspe {
    display: block;
}

.ta-card-payment-form-row {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
    padding: 10px;
}

.ta-panel .ta-panel-body .ta-card-payment-form-row {
    padding: 0;
}

.ta-card-payment-form-row .ta-card-payment-col {
    flex-grow: 1;
    padding: 10px;
    width: 100%;
}

.ta-card-payment-form-row .ta-card-payment-col.ta-card-expiry,
.ta-card-payment-form-row .ta-card-payment-col.ta-card-cvc {
    width: 50%;
}

.ta-card-payment-form-row .InputElement {
    background: #fff;
    border-radius: 0;
    border: none;
    box-shadow: none;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    height: auto;
    margin: 0;
    padding: 10px;
    width: 100%;
}

.ta-payment-card-wrapper {
    background: #fff;
    padding: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #ddd;
    height: 60px;
}

.payment-icons-layout {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 5px;
}

.payment-icons-layout > .ta-panel {
    display: flex;
    flex-flow: row wrap;
}

.payment-icons-layout.payment-select .ta-panel .ta-panel-header {
    border: 0 !important;
    display: flex;
}

.payment-icons-layout .ta-custom-control {
    padding: 10px;
    line-height: 1;
    width: 100%;
    cursor: pointer;
    display: flex !important;
    align-items: stretch !important;
}

/* .payment-icons-layout .ta-custom-control:hover .payment-icon-box {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), inset 0 0 2px 0 rgba(0, 0, 0, 0.1);
    border-color: #cecece;
} */

.payment-icons-layout .ta-custom-control .ta-custom-input:checked ~ .payment-icon-box {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), inset 0 0 1px 0 rgba(0, 0, 0, 0.1);
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

.payment-icons-layout .ta-custom-control .payment-icon-box {
    width: 130px;
    border-radius: 2px;
    display: block;
    transition: all 0.3s ease;
    border: 1px solid #ccc;
    box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.1), inset 0 0 4px 1px rgba(0, 0, 0, 0.12);
    margin: 0 !important;
    padding: 10px;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    color: #000;
}

.payment-icons-layout .ta-custom-control .payment-icon-box .ta-fake-custom-input {
    width: 78%;
    height: auto;
    padding-top: 42.25%;
    display: block !important;
    margin: 0 auto 10px !important;
    border-radius: 0;
    background: url(../img/payment/icon-cod-card-dark.png) no-repeat center top / contain;
    border: 0;
    max-width: 140px;
    min-width: 80px;
    flex-shrink: 0;
}

@media screen and (max-width: 575px) {
    .payment-icons-layout {
        padding: 0;
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    .payment-icons-layout .ta-custom-control .payment-icon-box {
        width: 112px;
    }

    .payment-icons-layout > .ta-panel > .ta-panel-header {
        padding: 7px;
    }
}

.payment-icons-layout .ta-custom-control .ta-custom-input[value="payatbranch"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-pab-card-dark.png);
}

.payment-icons-layout .ta-custom-control[title="Pay at Branch"] .ta-custom-input[value="payatbranch"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-pab-card-dark.png);
}

.payment-icons-layout .ta-custom-control[title="Pay On Delivery"] .ta-custom-input[value="payatbranch"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-pab-card-dark.png);
}

.payment-icons-layout .ta-custom-control .ta-custom-input[value="stripe_card"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-cc-card-strip.png);
}

.payment-icons-layout .ta-custom-control .ta-custom-input[value="sagepay"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-cc-card-sage.png);
}

.payment-icons-layout .ta-custom-control .ta-custom-input[value="paymentassist"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-payment-assist-card.png);
}

.payment-icons-layout .ta-custom-control .ta-custom-input[value="paypal"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-paypal-card-dark.png);
}
.payment-icons-layout .ta-custom-control .ta-custom-input[value="klarna"] ~ .payment-icon-box .ta-fake-custom-input {
    background-image: url(../img/payment/icon-klarna-card.png);
}

.payment-icons-layout .ta-custom-control .ta-fake-custom-input:before {
    display: none !important;
}

.payment-icons-layout .ta-custom-control .ta-fake-custom-label {
    font-size: 11px;
    line-height: 1.2;
    flex-grow: 1;
    margin: 0;
}

.payment-icons-layout .ta-custom-control .ta-fake-custom-label .ta-description {
    display: none;
}

.tkf-input-group {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.tkf-input-group > .custom-file,
.tkf-input-group > .custom-select,
.tkf-input-group > .form-control,
.tkf-input-group > input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1% !important;
    margin-bottom: 0 !important;
}

.tkf-input-group > .form-control.error,
.tkf-input-group > input.error {
    border-color: red !important;
}

.tkf-input-group .input-group-append,
.tkf-input-group .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tkf-input-group .input-group-append {
    margin-left: -1px;
}

.tkf-input-group .input-group-prepend {
    margin-right: -1px;
}

.tkf-input-group > .input-group-append > .btn,
.tkf-input-group > .input-group-prepend > .btn,
.tkf-input-group > .input-group-append > a:not(.si-view-link),
.tkf-input-group > .input-group-prepend > a:not(.si-view-link),
.tkf-input-group > .input-group-append > button,
.tkf-input-group > .input-group-prepend > button {
    position: relative;
    z-index: 2;
    font-size: 14px !important;
    line-height: 20px !important;
    border: 1px solid transparent !important;
    box-shadow: none;
    display: block;
    color: var(--primary-color-btn-text);
    font-weight: 600 !important;
    background: var(--primary-color-btn) !important;
    padding: 11px 12px !important;
    cursor: pointer;
    border-radius: 3px;
    letter-spacing: 0.2px;
}

.tkf-input-group > .custom-select:not(:last-child),
.tkf-input-group > .form-control:not(:last-child),
.tkf-input-group > input:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.tkf-input-group > .input-group-append > .btn,
.tkf-input-group > .input-group-append > .input-group-text,
.tkf-input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.tkf-input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
.tkf-input-group > .input-group-prepend:not(:first-child) > .btn,
.tkf-input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* .tkf-input-group label.error {
    display: none !important;
} */

@media screen and (max-width: 767px) {
    .tkf-input-group > .input-group-append > .btn,
    .tkf-input-group > .input-group-prepend > .btn,
    .tkf-input-group > .input-group-append > a,
    .tkf-input-group > .input-group-prepend > a,
    .tkf-input-group > .input-group-append > button,
    .tkf-input-group > .input-group-prepend > button {
        font-size: 12px !important;
        line-height: 20px !important;
        padding: 11px 8px !important;
        letter-spacing: 0;
    }
}

.tkf-container .btn-secondary {
    background: #9f9d9d !important;
    border-color: #9f9d9d !important;
}

/* .tkf-container .btn-secondary:hover {
    background: #8c8c8c !important;
    border-color: #8c8c8c !important;
} */

.product-labels-info {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.product-labels-list {
    display: flex;
    flex-flow: row wrap;
    margin: 5px -15px;
    padding: 0;
    list-style-type: none;
    color: #000 !important;
    font-size: 16px;
    line-height: 1;
}

.product-labels-list > li {
    display: flex;
    align-items: center;
    margin: 5px 15px;
    cursor: pointer;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

@media screen and (max-width: 767px) {
    .product-labels-list {
        margin: 5px -8px;
    }

    .product-labels-list > li {
        margin: 5px 8px;
    }
}

.product-labels-list > li:before {
    content: "";
    width: 40px;
    height: 10px;
    background: #14b16d;
    margin: 0 10px 0 0;
}

.product-labels-list > li.premium:before {
    background: #ce5b5b;
}

.product-labels-list > li.mid-range:before {
    background: #1e6dca;
}

.product-labels-list > li.budget:before {
    background: #14b16d;
}

.tkf-product .box {
    border-top: 8px solid transparent !important;
}

.tkf-product.premium > .box,
.tkf-product > .box.premium {
    border-top-color: #ce5b5b;
}

.tkf-product.mid-range > .box,
.tkf-product > .box.mid-range {
    border-top-color: #1e6dca;
}

.tkf-product.budget > .box,
.tkf-product > .box.budget {
    border-top-color: #14b16d;
}

.empty-cart-wrapper {
    position: relative;
    text-align: center;
    max-width: 100% !important;
    width: calc(100% - 20px) !important;
    margin: 10px !important;
    background: #fff;
    box-shadow: 0px 0px 8px 0px #ccc;
    font-size: 16px;
    line-height: 22px;
    padding: 20px 15px;
    color: #000;
}

.empty-cart-wrapper h1 {
    margin: 0 0 10px;
    font-style: normal;
    font-size: 32px;
    line-height: 1.2;
    color: var(--primary-color, #000) !important;
}

.empty-cart-wrapper .empty-cart {
    line-height: 34px;
    color: #000;
}

.empty-cart-wrapper .empty-cart a {
    display: inline-block;
    text-decoration: none;
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    border: 0;
    font-size: 16px;
    line-height: 22px;
    padding: 6px 10px;
    font-weight: 600;
    text-transform: capitalize;
}

.vehicle-specs-row {
    float: left;
    width: 100%;
}

.vehicle-specs-row.d-flex {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    float: none;
    position: relative;
    padding: 8px 0;
}

.vehicle-specs-row .v-specs-title {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 13px;
    margin: 0 0 8px;
    color: #000;
}

.vehicle-specs-row.d-flex .btn-add-rear {
    position: static;
    top: auto;
    right: auto;
    margin: 0 0 0 10px;
}

.vehicle-specs-row.d-flex .btn-add-rear .fa {
    color: inherit !important;
}

.vehicle-specs-row .v-reg-num {
    display: block;
    padding: 8px;
    text-align: center;
    background-color: #f7c821;
    border: 1px solid #000;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    /* white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; */
    max-width: 100%;
    width: 100%;
    margin-bottom: 0;
}

.vehicle-specs-row .v-reg-num > strong {
    display: inline-block;
    vertical-align: top;
}
.confirm-vehicle .vehicle-specs-row {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0;
}
.vehicle-specs-row .v-title {
    color: #666666;
    display: inline-block;
    font-family: var(--tfcw-primary-font);
    font-size: 18px;
    line-height: 1;
    vertical-align: middle;
    width: 32%;
}
.vehicle-specs-row .v-specs {
    color: #000;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    width: 60%;
}

.vehicle-specs-row .v-details {
    color: #000;
    font-size: 13px;
    line-height: 18px;
    vertical-align: middle;
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    flex-grow: 1;
    max-width: calc(100% - 30px);
}

.vehicle-specs-row .v-details .ap-check-confirm {
    align-self: flex-start;
    margin: 0;
    flex-grow: 1;
    text-align: right;
    margin: 4px 0 0;
}

.vehicle-specs-row .v-details .ap-check-confirm.time_tbc_services {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;

    display: none !important;
}

.vehicle-specs-row .v-icon {
    display: block;
    font-size: 16px;
    line-height: 23px;
    margin: 2px 5px 0 0;
    align-self: flex-start;
    flex-shrink: 0;
    min-width: 24px;
    text-align: center;
    max-width: 30px;
    color: #000;
    display: flex;
    justify-content: center;
}
.vehicle-specs-row .v-icon i {
    font-size: inherit !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vehicle-specs-row .v-icon svg {
    fill: currentColor;
}

.vehicle-specs-row .time_services_title {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
}

.v-appointment-meta {
    position: relative;
    padding-top: 20px;
}

.v-appointment-meta .appointment-title {
    display: block;
    text-align: left;
    padding: 20px 0 0;
    background: #fff;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    margin: 0 0 25px;
    border-top: 1px solid #ccc;
}

.v-appointment-meta .vehicle-specs-row.d-flex {
    border: 1px solid #bebebe;
    align-items: stretch;
    margin: 0 0 15px;
    padding: 0 90px 0 15px;
    min-height: 45px;
}

.v-appointment-meta .vehicle-specs-row.d-flex:last-child {
    margin: 0;
}

.v-appointment-meta .vehicle-specs-row .v-icon {
    background: #bebebe;
    align-self: stretch;
    padding: 10px;
    min-width: 50px;
    margin: 0 15px 0 -15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v-appointment-meta .vehicle-specs-row .v-details {
    flex-grow: 1;
    padding: 8px 0;
}

.v-appointment-meta .vehicle-specs-row .ap-check-confirm {
    align-self: center;
}

.v-appointment-meta .vehicle-specs-row.d-flex .btn-add-rear {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    max-width: 90px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}

.booking-details-ui {
    float: none;
    width: 100%;
}

.new-layout .booking-details-ui .ap-page-heading {
    padding: 0 !important;
}

.booking-details-ui.box-holder .heading h3,
.new-layout .cart-page .your-booking-detail.box-holder.booking-details-ui .heading h3,
.new-layout .booking-details-ui .ap-page-heading h3 {
    font-size: 18px !important;
    line-height: 22px !important;
    color: #fff !important;
    padding: 10px !important;
    pointer-events: none;
    margin: 0 0 15px !important;
    background: var(--primary-color) !important;
    text-align: center !important;
}
.booking-details-ui.box-holder .heading h3:after,
.new-layout .cart-page .your-booking-detail.box-holder.booking-details-ui .heading h3:after {
    display: none;
}

.booking-details-ui .order-summary {
    display: block !important;
    height: auto !important;
    float: none;
}

.payment-note-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-size: 16px;
    color: #000;
}

.payment-note-wrap > p {
    font-style: normal;
    font-size: 16px;
    color: #000;
    margin: 0;
}

.payment-icon-list {
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    line-height: 1;
    margin: 5px -2px;
    font-size: 26px;
    padding: 0;
    list-style-type: none;
}

.payment-icon-list li {
    line-height: 1;
    padding: 4px 2px;
}

.payment-icon-list li img {
    display: block;
    width: 38px;
}

.tkf-widget-steps-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 20px;
    background: #fff !important;
    display: flex;
}

@media screen and (max-width: 1200px) {
    .tkf-widget-steps-wrapper {
        margin: 0 !important;
        padding: 0;
    }
}

.tkf-widget-steps-wrapper .tkf-widget-steps-list {
    padding: 0;
    list-style-type: none;
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center;
    position: relative;
    width: calc(100% + 30px);
    margin: 0 -15px !important;
    flex-grow: 1;
}

@media screen and (max-width: 767px) {
    .tkf-widget-steps-wrapper .tkf-widget-steps-list {
        display: none !important;
    }

    .tkf-widget-steps-wrapper {
        justify-content: flex-end;
    }
}

.tkf-widget-steps-wrapper .tkf-widget-steps-list li {
    flex-grow: 1 !important;
    flex-basis: 0 !important;
    display: flex !important;
    flex-flow: row wrap !important;
    padding: 8px 10px !important;
    position: relative !important;
    margin: 0 !important;
}

.tkf-widget-steps-wrapper .tkf-widget-steps-list li:before {
    content: "\f054" !important;
    position: absolute !important;
    font-family: "Font Awesome 5 Free" !important;
    font-size: 18px;
    font-weight: 600;
    top: 50%;
    right: 100%;
    transform: translate(50%, -50%);
}

.tkf-widget-steps-wrapper .tkf-widget-steps-list li .step-list-item,
.tkf-widget-steps-wrapper .tkf-widget-steps-list li a {
    width: 100%;
    cursor: pointer;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    background: #e1e1e1;
    outline: none;
    box-shadow: none;
    padding: 5px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
}

.tkf-widget-steps-wrapper .tkf-widget-steps-list li.active .step-list-item,
.tkf-widget-steps-wrapper .tkf-widget-steps-list li.current .step-list-item,
.tkf-widget-steps-wrapper .tkf-widget-steps-list li.active a,
.tkf-widget-steps-wrapper .tkf-widget-steps-list li.current a {
    background: var(--primary-color);
    color: #fff;
    pointer-events: none;
}

.tkf-widget-steps-list li.active ~ li:not(.breadcrumb-done) .step-list-item,
.tkf-widget-steps-list li.current ~ li:not(.breadcrumb-done) .step-list-item,
.tkf-widget-steps-list li.active ~ li:not(.breadcrumb-done) a,
.tkf-widget-steps-list li.current ~ li:not(.breadcrumb-done) a {
    cursor: none;
    opacity: 0.5;
    pointer-events: none;
}

/* Breadcrumbs new design : Revamp Start */

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list {
    counter-reset: items;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li {
    justify-content: center;
    align-items: center;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li:before {
    content: "\f061" !important;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li:first-child:before {
    display: none;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li a {
    background: none !important;
    color: #3f3f3f;
    width: auto !important;
    min-width: 50%;
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

@media screen and (min-width: 1200px) {
    .tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li .step-list-item,
    .tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li a {
        font-size: 16px;
        line-height: 20px;
    }
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li .step-list-item:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li a:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done:not(.active) a:before {
    counter-increment: items;
    border-radius: 100%;
    color: var(--primary-color);
    content: "\f058";
    font-family: "Font Awesome 5 Free" !important;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    vertical-align: top;
    font-size: 18px;
    margin: 0 8px 0 0;
    width: 18px;
    height: 18px;
    padding: 0;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done ~ li:not(.breadcrumb-done) .step-list-item:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done ~ li:not(.breadcrumb-done) a:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done ~ li.breadcrumb-done.active a:before {
    content: counters(items, ".") " ";
    font-family: var(--tfcw-primary-font) !important;
    border: 2px solid currentColor;
    color: inherit;
    font-size: 11px;
    line-height: 14px;
    font-weight: 700;
    margin: 0 8px 0 0;
    padding: 0;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.active .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.current .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.active a,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.current a {
    color: #3f3f3f;
    pointer-events: none;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.active .step-list-item:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.current .step-list-item:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.active a:before,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.current a:before {
    background: #3f3f3f;
    color: #fff !important;
    border-color: #3f3f3f !important;
}

.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.active ~ li:not(.breadcrumb-done) .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.current ~ li:not(.breadcrumb-done) .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.active ~ li:not(.breadcrumb-done) a,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.current ~ li:not(.breadcrumb-done) a {
    color: #757575;
    opacity: 1;
}

/* New Start */
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done + li:not(.breadcrumb-done) .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done + li:not(.breadcrumb-done) .step-list-item,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done + li:not(.breadcrumb-done) a,
.tkf-widget-steps-wrapper.revamp .tkf-widget-steps-list li.breadcrumb-done + li:not(.breadcrumb-done) a {
    color: #3f3f3f;
    pointer-events: auto;
    cursor: pointer;
    opacity: 1;
}
/* New End */

/* Breadcrumbs new design : Revamp Ends */

.twocolumns-layout {
    padding-top: 10px;
    padding-bottom: 10px;
}

.intro-plain-text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #333;
    margin: 0 0 15px;
}

.intro-plain-text p {
    margin: 0 0 5px;
}

.card-layout {
    position: relative;
    display: block;
    display: flex;
    flex-flow: column nowrap;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    box-shadow: 0 0 4px #ccc;
    overflow: hidden;
    margin: 0 0 20px;
    text-align: left;
    transition: border 0.2s ease;
    padding: 0 !important;
    background: #fff;
}

.card-layout > .card-header {
    background: #e1e1e1;
    padding: 10px 15px;
    width: 100%;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid #e1e1e1;
}

.card-layout > .card-header p {
    font-size: 12px !important;
    line-height: 16px;
    margin: 5px 0 !important;
}

.card-layout > .card-header p:last-child {
    margin-bottom: 0 !important;
}

.card-layout > .card-body,
.card-layout > .card-footer {
    padding: 10px 15px !important;
    width: 100%;
    background: none !important;
}

.card-layout > .card-header > h1,
.card-layout > .card-header > h2,
.card-layout > .card-header > h3,
.card-layout > .card-header > h4 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 22px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
    color: #000 !important;
    text-transform: capitalize !important;
    font-style: normal !important;
}

.card-layout > .card-header > h3,
.card-layout > .card-header > h4 {
    font-size: 17px !important;
    line-height: 20px !important;
}

.card-layout > .card-header > h4 {
    font-size: 15px !important;
    line-height: 20px !important;
}
/* @media screen and (min-width: 992px) {
    .card-layout > .card-header > h3,
    .card-layout > .card-header > h4 {
        font-size: 18px !important;
    }
    .card-layout > .card-header > h4 {
        font-size: 18px !important;
    }
} */

.card-layout P {
    margin: 0 0 10px !important;
}

/* Primary card styles */
.card-layout.card-primary > .card-header {
    background: var(--primary-color);
    border-bottom-color: var(--primary-color);
}

.card-layout.card-primary > .card-header.text-center {
    text-align: center;
}

.card-layout.card-primary > .card-header > h1,
.card-layout.card-primary > .card-header > h2,
.card-layout.card-primary > .card-header > h3,
.card-layout.card-primary > .card-header > h4 {
    color: #fff !important;
}

.card-layout.card-plain > .card-header {
    background: none;
}

.card-layout.card-plain > .card-header > h1,
.card-layout.card-plain > .card-header > h2,
.card-layout.card-plain > .card-header > h3,
.card-layout.card-plain > .card-header > h4 {
    color: #000 !important;
}

.card-layout.highlighted-card,
.card-layout.highlighted-card > .card-header,
.card-layout.highlighted-card > .card-header > h1,
.card-layout.highlighted-card > .card-header > h2,
.card-layout.highlighted-card > .card-header > h3,
.card-layout.highlighted-card > .card-header > h4 {
    transition: all 0.2s ease;
}

.card-layout.highlighted-card:hover {
    border-color: var(--primary-color);
    box-shadow: 0 0 4px #ccc, 0 0 1px 1px var(--primary-color);
}

.card-layout.highlighted-card:hover > .card-header {
    background: var(--primary-color) !important;
}

.card-layout.highlighted-card:hover > .card-header > h1,
.card-layout.highlighted-card:hover > .card-header > h2,
.card-layout.highlighted-card:hover > .card-header > h3,
.card-layout.highlighted-card:hover > .card-header > h4 {
    color: #fff !important;
}

.confirm-vehicle.card-layout .vt-tyre-size {
    overflow: visible;
}

.confirm-vehicle.card-layout .vt-tyre-size small {
    margin: 0 0 20px;
    font-size: 14px;
}

.confirm-vehicle.card-layout .vt-tyre-size small strong,
.confirm-vehicle.card-layout .vt-tyre-size small span {
    text-transform: uppercase;
    font-weight: 700;
}

.confirm-vehicle.card-layout .card-footer .btn-continue {
    font-size: 20px !important;
    line-height: 25px;
    display: block;
    border: 0 !important;
    height: auto;
    padding: 8px 10px !important;
    max-width: 50%;
    margin: 0 auto;
    width: 100% !important;
    font-weight: 600;
    float: none;
}

.manual-new-layout .main-r-option {
    text-align: left;
    width: 100% !important;
}

.manual-new-layout .main-r-option .select-r-option {
    width: 100% !important;
    margin: 0;
    background: none;
    border: 1px solid #e1e1e1;
    font-style: normal;
    color: #333333;
}

.manual-new-layout .main-r-option .select-r-option:after {
    color: var(--primary-color);
}

.manual-new-layout .main-r-option .select-r-option select {
    color: #333333;
    width: 100% !important;
    border: none;
    box-shadow: none;
    outline: none;
    font-style: normal;
}

.manual-new-layout .main-r-option .select-r-option select:disabled {
    cursor: not-allowed;
    background: #e1e1e1;
    opacity: 0.7;
}

.manual-search-wrap {
    position: relative;
}

.manual-search-wrap:before {
    content: "or";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, -4px);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    display: block;
}

@media screen and (min-width: 1200px) {
    .manual-search-wrap:before {
        top: 150px;
        bottom: auto;
        transform: translate(50%, 0);
        right: 100%;
        left: auto;
    }
}

.tyre-size-ref-img {
    padding: 20px 20px 0;
    position: relative;
}

.tyre-size-ref-img.img-small {
    margin: 0 0 15px;
}

.tyre-size-ref-img.img-small img {
    display: block;
    max-width: 420px;
    margin: 0 auto;
}

.tyre-size-ref-img:before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    bottom: 0;
    height: 18px;
    background: url(../img/tkf-shadow.png) no-repeat center bottom;
}

.tyre-size-ref-img img {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.more-tyres-wrapper {
    position: relative;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.more-tyres-wrapper .more-tyres-opener {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    margin: 10px 0 0;
    color: var(--primary-color);
    font-size: 16px !important;
}

.more-tyres-wrapper .more-tyres-collapse {
    overflow: hidden;
    display: none;
    text-align: left;
}

.ch-btn,
.ch-btn.f-width,
.btn-continue,
.btn-continue.f-width,
.rs_btn_booking,
.rs_btn_back,
.new-btn-layout {
    border-width: 1px !important;
    border-style: solid !important;
    font-size: 18px !important;
    line-height: 26px !important;
    height: auto !important;
    display: inline-block;
    vertical-align: top;
    font-weight: 700 !important;
    padding: 10px 12px !important;
    border-radius: 0 !important;
    width: 100% !important;
    font-family: var(--tfcw-primary-font) !important;
    text-decoration: none !important;
    background: var(--primary-color-btn) !important;
    color: var(--primary-color-btn-text) !important;
}

.ch-btn:not(.btn-continue), .ch-btn.f-width:not(.btn-continue),
.rs_btn_back {
    background: #000 !important;
    color: #fff !important;
}

@media screen and (max-width: 1400px) {
    .ch-btn,
    .ch-btn.f-width,
    .btn-continue,
    .btn-continue.f-width,
    .rs_btn_booking,
    .rs_btn_back,
    .new-btn-layout {
        font-size: 16px !important;
        line-height: 24px !important;
    }
}

.form-control {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid #ddd !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    font-weight: 400;
    outline: none;
    background: #fff;
    color: #000;
    box-shadow: none !important;
}

.form-control[readonly],
.form-control[disabled],
.form-control:disabled {
    background: #eee !important;
    pointer-events: none !important;
}

textarea {
    resize: vertical !important;
}

textarea.form-control {
    height: 100px;
    min-height: 100px;
}

.selected-items-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    flex-direction: column;
    color: #000;
}

.selected-items-list > li {
    position: relative;
    padding: 0 0 0 16px;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 7px 0;
    font-size: inherit !important;
    line-height: inherit !important;

}

.selected-items-list > li:before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: var(--primary-color);
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 14px;
    line-height: inherit;
    font-weight: 900;
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

.selected-items-list .itemMetaRow {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -10px;
    flex-grow: 1;
}

.selected-items-list .itemDecription {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 2px 0 0;
}

.selected-items-list .itemName,
.selected-items-list .itemCount,
.selected-items-list .itemPrice {
    display: block;
    font-weight: 400;
    padding: 2px 10px;
    color: #000;
}

.selected-items-list .itemName {
    width: 100%;
    flex-grow: 1;
}

.selected-items-list .itemCount:before,
.selected-items-list .itemPrice:before {
    content: "Quantity: ";
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    font-weight: 400;
    margin: 0 4px 0 0;
}

.selected-items-list .itemPrice:before {
    content: "Price: ";
}

.front-rear-tabs {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
    margin: 0 -10px;
    width: calc(100% + 20px);
    flex-grow: 1;
}

.front-rear-tabs .custom-tab-check {
    display: flex;
    margin: 5px;
    flex: 1 0 0;
    min-width: 122px;
}

.front-rear-tabs .custom-tab-check input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    top: -9999px;
    left: -9999px;
}

.front-rear-tabs .custom-tab-check input:checked ~ .custom-tab-btn {
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
}

.front-rear-tabs .custom-tab-check .custom-tab-btn {
    display: block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    background: #e1e1e1;
    outline: none;
    box-shadow: none;
    padding: 12px 10px;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    text-align: center;
    transition: all 0.1s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #000;
}

.front-rear-tabs .custom-tab-check .custom-tab-btn:hover {
    background: #bdb6b6;
}

.front-rear-tabs .custom-tab-check .custom-tab-btn .tab-btn-tyre-size {
    font-size: 11px;
    vertical-align: top;
}
.tkf-container .text-primary {
    color: var(--primary-color) !important;
}
.tkf-container .bg-primary {
    background: var(--primary-color) !important;
    color: #fff !important;
}
@media screen and (min-width: 768px) {
    .front-rear-tabs .custom-tab-check {
        margin: 10px;
    }
    .front-rear-tabs .custom-tab-check .custom-tab-btn {
        font-size: 14px;
        line-height: 20px;
    }
    .recommended-with-services .extra-service.card-layout .card-body > .sub-extra.tb-row,
    .recommended-with-services .all-services .services-grid-row.tb-row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(max(350px, calc(50% - 30px)), 1fr));
    }

    .recommended-with-services .extra-service.card-layout .card-body > .sub-extra.tb-row > [class^="tb-col-"],
    .recommended-with-services .extra-service.card-layout .card-body > .sub-extra.tb-row > [class*=" tb-col-"],
    .recommended-with-services .all-services .services-grid-row.tb-row > [class^="tb-col-"],
    .recommended-with-services .all-services .services-grid-row.tb-row > [class*=" tb-col-"] {
        width: 100%;
        max-width: 100%;
    }
    
    .recommended-with-services .sub-extra .tb-col-md-6,
    .recommended-with-services .all-services > .tb-row .tb-col-md-6 {
        display: flex;
        flex-flow: row wrap;
    }

    .recommended-with-services .sub-extra .tb-col-md-6 .box,
    .recommended-with-services .all-services > .tb-row .tb-col-md-6 .box {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .sameHeightWrapper .card-layout.sameHeightBlock {
        min-height: 415px;
        /* min-height: 500px; */
    }

    .sameHeightWrapper .card-layout.sameHeightBlock .card-body {
        flex-grow: 1;
        display: flex;
        flex-flow: column nowrap;
    }

    .sameHeightWrapper .card-layout.sameHeightBlock .card-body .find_my_tyres_form,
    .sameHeightWrapper .card-layout.sameHeightBlock .card-body .find-my-tyre {
        flex-grow: 1;
        width: 100%;
    }

    .sameHeightWrapper .card-layout.sameHeightBlock .card-body .tyre-size-ref-img {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .confirm-vehicle.card-layout .card-footer .btn-continue {
        max-width: 100%;
        font-size: 18px;
        line-height: 22px !important;
    }

    .ch-btn,
    .btn-continue,
    .rs_btn_booking,
    .rs_btn_back,
    .new-btn-layout {
        border-width: 1px !important;
        font-size: 18px !important;
        line-height: 24px !important;
        padding: 8px 10px !important;
    }
}

@media screen and (max-width: 1023px) {
    .two-columns > [class^="grid"],
    .two-columns > [class*="grid"] {
        width: 100% !important;
    }

    .cart-page .price-box {
        margin: 10px !important;
    }
}

@media screen and (min-width: 1024px) {
    .booking-details-ui.box-holder .heading h3 {
        font-size: 20px !important;
    }

    .booking-details-ui.box-holder .grid-100 > div {
        padding: 15px !important;
    }

    .booking-details-ui [class^="grid"],
    .booking-details-ui [class*="grid"] {
        padding: 0 !important;
    }
}

@media screen and (min-width: 1025px) {
    .tkf-container .desktop-hidden {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .ta-package-product-box .ta-package-product-images,
    .ta-package-product-box .ta-package-product-details {
        width: 100%;
        padding: 0;
    }

    .ta-package-product-box.ta-portrait .ta-package-text,
    .ta-package-product-box.ta-portrait .ta-package-price-box {
        width: 100%;
    }

    .tkf-container .tablet-hidden {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .ta-package-product-box .ta-package-text,
    .ta-package-product-box .ta-package-price-box {
        width: 100%;
    }

    .ta-package-product-box.ta-portrait {
        width: 100%;
    }

    .ta-card-payment-form-row .ta-card-payment-col.ta-card-expiry,
    .ta-card-payment-form-row .ta-card-payment-col.ta-card-cvc {
        width: 100%;
    }
    .ta-checkout-userdetails .ta-col-50,
    .ta-checkout-userdetails .main-r-option {
        width: 100% !important;
    }
}

iframe {
    display: block;
    width: 100%;
    border: none;
}

/* New UI styles: Ends */

.sidebar-buttons-wrapper .sidebar-button,
.sidebar-buttons-wrapper [class*="btn"] {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    width: 100% !important;
    font-size: 18px !important;
    margin: 0 !important;
}

@media screen and (max-width: 1400px) {
    .sidebar-buttons-wrapper .sidebar-button,
    .sidebar-buttons-wrapper [class*="btn"] {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1200px) {
    .tkf-product {
        width: 33%;
    }
}

@media screen and (max-width: 1024px) {
    .grid-60,
    .grid-40 {
        width: 100%;
    }
    .vehicle-specs-row .v-title {
        font-size: 16px;
    }
    .new-layout .vehicle-specs-row .v-specs {
        font-size: 16px;
    }
    .new-layout .ap-page-heading h3 {
        font-size: 18px !important;
        margin-bottom: 0 !important;
    }
    .new-layout .confirm-vehicle .vt-box {
        margin: 10px;
        padding: 15px;
    }
}
@media screen and (max-width: 992px) {
    .tkf-product {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .ap-coupon-code {
        flex-direction: column;
    }
    .ap-coupon-code input[type="text"] {
        width: 100% !important;
    }
    .new-layout .api-tabs > ul.api-tab-list > li {
        margin: 0 !important;
        width: 100%;
        white-space: normal;
    }
    .new-layout .api-tabs > ul.api-tab-list > li > small {
        display: none;
    }
    .api-tab-pane h4 {
        color: #000;
    }
    .api-do-action .search-btn {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .vt-tyre-size > small {
        font-size: 15px;
    }
    .new-layout .api-tabs > .api-tabs-content {
        border: none !important;
    }
    .tyreSizes,
    .priceRangeHighLow {
        width: 130px;
    }
    .tyreSizes select,
    .priceRangeHighLow select {
        width: 110px;
        text-overflow: ellipsis;
    }
    .vehicle-specs-row .v-title {
        display: inline-block;
        font-size: 14px;
    }
    .new-layout .vehicle-specs-row .v-specs {
        font-size: 14px;
        font-weight: 600;
    }
    .vt-vrm-button .btn-continue,
    .modal-controls .btn-continue,
    .v-note a {
        font-size: 18px !important;
    }
    .btn-continue i.fa {
        font-size: 16px;
    }
    .tkf-product {
        width: 100%;
    }
    .tkf-product .tkf-product-img {
        width: 100% !important;
    }
    .tkf-product .tkf-product-header {
        width: 100% !important;
    }
    .tkf-product .feature-image {
        width: 14%;
        padding-left: 0;
        position: absolute;
        right: 0px;
        left: 84%;
        top: 150px;
    }
    .cart-page .box-holder .heading h3 {
        font-size: 22px;
        line-height: 1;
        margin: 0;
    }
    .grid-30,
    .grid-70 {
        width: 100%;
    }
    .order-list-info {
        font-size: 14px;
    }
    .order-list-info strong {
        display: block;
        margin-bottom: 10px;
    }
    .cart .items .cartSection {
        display: block !important;
    }
    .cart-page .cart-section .grid-100 > div h3 {
        margin: 10px 0 0 !important;
        font-size: 16px !important;
    }
    .cart .items .cartSection .name-of-product {
        padding-top: 25px !important;
    }
    .cart .items .cartSection .name-of-product {
        display: block !important;
        height: auto !important;
        overflow: hidden;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
    }
    .cart .items .cartSection .qty-holder {
        width: 36% !important;
        margin-right: 10px !important;
        float: left;
    }
    .cart .items .cartSection .product-price-section {
        width: 60% !important;
        margin-top: 10px;
    }
    .cart .items .cartSection .qty-holder select {
        font-size: 16px !important;
    }
    .cart .items .cartSection .product-price-section {
        padding: 15px !important;
    }
    .cart .items .cartSection {
        width: 100% !important;
    }
    .btn-add-rear {
        top: -33px;
    }

    .confirm-vehicle .vehicle-specs-row {
        padding-left: 0;
    }
}

.v-space-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.v-space-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.h-space-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.h-space-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.your-booking-detail.box-holder.basket {
    position: static !important;
    display: block !important;
    background: none !important;
    width: 100% !important;
    height: auto !important;
}

.reset-filter-no-result {
    display: inline-block;
    color: var(--primary-color);
    text-decoration: underline;
    cursor: pointer;
}

.reset-filter-no-result:hover {
    text-decoration: none;
}

/* vrm and tyre size combine view */

.multiple-view {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 20px) !important;
    margin: -5px -10px;
    overflow: hidden;
}

.multiple-view > .api-tab-pane {
    display: flex !important;
    width: 50%;
    padding: 10px;
    position: relative;
    z-index: 1;
    overflow: visible !important;
    border-radius: 0 !important;
}

.multiple-view > .api-tab-pane p {
    font-size: 17px;
}

.multiple-view > .api-tab-pane.tab-tyre-size {
    background: #f7f7f7;
}
.multiple-view > .api-tab-pane:hover {
    background: #e6e6e6;
}

.multiple-view > .api-tab-pane:hover p {
    color: var(--primary-color);
}
.multiple-view.multiple-view-novrm > .api-tab-pane.tab-tyre-size {
    width: 100% !important;
}
.multiple-view.multiple-view-novrm > .api-tab-pane.tab-tyre-size:before {
    display: none !important;
}
.multiple-view > .api-tab-pane.tab-tyre-size:before {
    content: "or";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    display: block;
    margin: 18px 0 0;
}

.multiple-view > .api-tab-pane.tab-tyre-size:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/tyreSizeRef_transparent.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 240px;
    height: 60px;
    pointer-events: none;
    z-index: -1;
}

.multiple-view > .api-tab-pane .search-by-reg,
.multiple-view > .api-tab-pane .findMidSection {
    width: 100%;
}

.multiple-view > .api-tab-pane .search-by-reg {
    display: flex;
}

.multiple-view > .api-tab-pane .vrmlookup {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    /* justify-content: space-between; */
}

.multiple-view > .api-tab-pane.tab-reg .vrmlookup .grid-100:last-child {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.multiple-view > .api-tab-pane.tab-reg .vrmlookup .grid-100:last-child .vt-row {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.multiple-view > .api-tab-pane.tab-reg .vrmlookup .grid-100:last-child .vt-row .grid-50:first-child {
    flex-grow: 1;
}

.multiple-view > .api-tab-pane .grid-50,
.multiple-view > .api-tab-pane .grid-65,
.multiple-view > .api-tab-pane .grid-35 {
    width: 100% !important;
}

@media only screen and (max-width: 1279px) {
    .new-layout .multiple-view .findMidSection .rim-size-btn .main-r-option {
        flex: 1 0 50%;
        margin-top: 10px;
    }

    .multiple-view > .api-tab-pane.tab-tyre-size:after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .multiple-view {
        margin: 0;
        width: 100% !important;
    }
    .multiple-view > .api-tab-pane {
        width: 100%;
        display: block !important;
        padding: 20px 0;
    }

    .multiple-view > .api-tab-pane.tab-tyre-size {
        padding-top: 30px;
    }

    .multiple-view > .api-tab-pane.tab-tyre-size:before {
        margin: 0;
        top: 15px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* Multi select styles : Starts */

.ta-dropdown-multi-select {
    position: relative;
    width: 100%;
}

.ta-dropdown-multi-select .ta-parent-select {
    position: relative;
    display: block;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 16px;
    line-height: 20px;
    /* min-width: 110px; */
    min-height: 50px;
    padding: 14px 25px 14px 10px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background: #000;
    width: 100%;
    text-align: left;
}

.ta-dropdown-multi-select .ta-parent-select:before {
    content: "\f0dc";
    font-size: 20px;
    color: #fff;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: -1px 0 0;
}

.ta-dropdown-multi-select .ta-parent-select[data-drop-title] {
    padding-top: 20px;
    padding-bottom: 8px;
    color: #fff !important;
}

.ta-dropdown-multi-select .ta-parent-select[data-drop-title]:after {
    content: attr(data-drop-title);
    font-family: 'Poppins', Arial, Helvetica, sans-serif !important;
    position: absolute;
    display: block;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-transform: capitalize;
    color: #9f9f9f;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 10px;
    z-index: 1;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
}

.ta-dropdown-multi-select .ta-parent-select:hover {
    color: #fff;
}

.ta-dropdown-multi-select .ta-parent-select:focus {
    border-color: #007bff;
}

.ta-dropdown-multi-select .dropdown-content {
    position: absolute;
    top: 100%;
    left: 5px;
    right: 5px;
    background: #000;
    color: #fff;
    display: none;
    z-index: 9;
    min-width: 200px;
    border-top: 1px solid var(--primary-color);
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin: -10px 0 0;
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.4);
}

.ta-dropdown-multi-select .dropdown-content.show,
.ta-dropdown-multi-select .dropdown-content .show,
.show .ta-dropdown-multi-select .dropdown-content,
.ta-dropdown-multi-select.show .dropdown-content,
.ta-dropdown-multi-select .show .dropdown-content,
.show .ta-dropdown-multi-select .dropdown-content {
    display: block;
}

.ta-dropdown-multi-select .search {
    margin: 0 0 10px;
    display: block;
    width: 100%;
}

.ta-dropdown-multi-select .search-field {
    -webkit-appearance: none;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    background: #fff !important;
    display: block !important;
    width: 100% !important;
    height: 40px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    margin: 0 !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    padding: 9px 15px !important;
    color: #4d4d4d !important;
}

.ta-dropdown-multi-select .dropdown-content ul {
    position: relative;
    padding: 0 10px 0 0 !important;
    margin: 0 0 5px !important;
    list-style: none;
    border: 0;
    max-height: 170px;
    overflow: hidden;
    overflow-y: auto;
    display: block;
}

.ta-dropdown-multi-select .dropdown-content ul > li {
    display: block;
    margin: 0;
    padding: 0;
}

.ta-dropdown-multi-select .dropdown-content .ta-custom-control {
    display: flex !important;
    padding: 5px 0 !important;
    cursor: pointer;
    color: #fff;
}

.ta-dropdown-multi-select .dropdown-content .ta-custom-control .ta-fake-custom-label {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    font-size: 14px;
    line-height: 18px;
    color: #fff !important;
}

.ta-dropdown-multi-select .dropdown-content .ta-custom-control:hover .ta-fake-custom-label,
.ta-dropdown-multi-select .dropdown-content .ta-custom-control .ta-custom-input:checked ~ .ta-fake-custom-label {
    color: #a4a4a4 !important;
}

.ta-dropdown-multi-select .dropdown-content .ta-custom-control .ta-fake-custom-label-text {
    flex-grow: 1;
}

/* .ta-dropdown-multi-select .tkf-selectbox {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ta-dropdown-multi-select .tkf-selectbox > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    top: 0;
    left: 0;
}

.ta-dropdown-multi-select .tkf-selectbox > input:checked ~ .tkf-cbox:before {
    opacity: 1;
    visibility: visible;
}

.ta-dropdown-multi-select .tkf-selectbox .tkf-cbox {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #4d4d4d;
    margin: 0 8px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: relative;
    border-radius: 1px;
}

.ta-dropdown-multi-select .tkf-selectbox .tkf-cbox:before {
    content: "";
    position: absolute;
    border-radius: 1px;
    top: 20%;
    left: 20%;
    bottom: 20%;
    right: 20%;
    background: #4d4d4d;
    opacity: 0;
    visibility: hidden;
}

.ta-dropdown-multi-select .tkf-selectbox .tkf-selectbox-label {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
} */

.ta-dropdown-multi-select .tkf-fliter-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -5px;
}

.ta-dropdown-multi-select .tkf-fliter-btns > a,
.ta-dropdown-multi-select .tkf-fliter-btns > button,
.ta-dropdown-multi-select .tkf-fliter-btns > .btn {
    padding: 10px !important;
    background: var(--primary-color) !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 18px !important;
    text-align: center;
    border: 1px solid transparent !important;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    margin: 5px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: calc(50% - 10px);
    cursor: pointer;
    height: auto !important;
}

.ta-dropdown-multi-select .tkf-fliter-btns > a.clear-filter,
.ta-dropdown-multi-select .tkf-fliter-btns > button.clear-filter,
.ta-dropdown-multi-select .tkf-fliter-btns > .btn.clear-filter {
    background: #e1e1e1 !important;
    color: #000 !important;
}


.specialTyre.multi-select-container .filterOptionWrap {
    overflow: visible;
}

.specialTyre.multi-select-container .filterHeader {
    box-shadow: none;
    padding: 0;
    border-left: none;
    border-right: none;
    background: transparent;

}
.new-layout .tkf-product-page .tyre-top-filters .specialTyre.multi-select-container {

    padding: 10px;
    box-shadow: 0 2px 2px #ddd;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    background: #f3f3f3;
    display: flex;
    flex-direction: column;
}

.specialTyre.multi-select-container .filter-tags-wrapper {
    order: -1;
}


@media screen and (min-width: 768px) {
    
    .new-layout .tkf-product-page .tyre-top-filters .specialTyre.multi-select-container {
        overflow: visible;
        display: block;
    }

    .specialTyre.multi-select-container .filter-tags-wrapper {
        order: inherit;
    }

    .ta-dropdown-multi-select .ta-parent-select {
        min-height: 60px;
        padding-top: 19px;
        padding-bottom: 19px;
    }

    .ta-dropdown-multi-select .ta-parent-select[data-drop-title] {
        padding-top: 28px;
        padding-bottom: 10px;
    }

    .specialTyre.multi-select-container .filterWrapper {
        overflow: visible;
    }

    .ta-dropdown-multi-select .dropdown-content {
        left: 5px;
        right: 5px;
        margin: -5px 0 0;
    }
}

/* Multi select styles : Ends */

/* Locations / Branches widget : Starts */

.main-locations-wrapper {
    padding: 15px;
}
@media screen and (max-width: 1199px) {
    .main-locations-wrapper {
        padding: 0;
    }
}
.showrooms-list {
    overflow: hidden;
    background: #ddd;
    position: relative;
}
.showrooms-list .all-branches {
    width: 100%;
    z-index: 5;
}
.showrooms-list .google-map-api {
    width: 100%;
    flex-grow: 1;
}

.branch-list-details {
    background: #fff;
    margin: 10px 15px;
    text-align: left;
    overflow: hidden;
    border-radius: 5px;
}

.branch-list-details.selected {
    background: #c5ddf2;
}

.branch-list-details .heading {
    border-bottom: 1px solid #dddddd;
    margin: 0;
    overflow: hidden;
    padding: 5px;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.branch-list-details .heading .heading-title {
    flex-grow: 1;
    flex-basis: 0;
    padding: 5px;
}
.branch-list-details .heading .heading-actions {
    flex-grow: 1;
    flex-basis: 0;
    padding: 5px;
    text-align: right;
}

.branch-list-details .heading .heading-actions a {
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
    margin: 4px;
}
.branch-list-details .heading h1,
.branch-list-details .heading h2,
.branch-list-details .heading h3 {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    font-style: normal !important;
}

.branch-list-details .heading h1 a,
.branch-list-details .heading h2 a,
.branch-list-details .heading h3 a {
    color: var(--primary-color);
    text-decoration: none;
}
.branch-list-details .heading h3 {
    font-size: 14px !important;
}
.branch-list-details .call-action {
    margin: 5px 0;
    overflow: hidden;
    display: inline-block;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
}
.branch-list-details > a {
    background: #f2f2f2;
    display: block;
    padding: 10px;
}
.branch-list-details .inner-detail {
    background: #f2f2f2;
    margin-bottom: 5px;
    padding: 10px;
    overflow: hidden;
}
.branch-list-details .middle {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    line-height: 14px;
}
.branch-list-details .branch-address {
    width: 50%;
    padding: 10px;
    border-right: 1px solid #ddd;
}
.branch-list-details .branch-address:only-child {
    width: 100%;
    border: 0;
}
.branch-list-details .branch-timings {
    width: 50%;
    padding: 10px;
}
.branch-list-details .center-timings {
    font-size: 12px;
    line-height: 14px;
    padding: 3px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 -3px;
}

.branch-list-details .center-timings .center-day,
.branch-list-details .center-timings .center-timing {
    padding: 0 3px;
}
.branch-list-details .center-timings .center-day {
    flex-grow: 1;
}

.branch-list-details .branch-timings p {
    margin: 0 !important;
}
.branch-list-details .bottom-panel {
    overflow: hidden;
    padding: 10px;
    text-align: right;
}
.bottom-panel .modal-search {
    text-align: center;
}
.bottom-panel .modal-search h3 {
    font-size: 18px;
    text-align: center;
}
.tyreSearchWidget.responsive .points-w-title {
    width: 100%;
    height: auto;
    border-radius: 0;
    border-right: none;
}
.tyreSearchWidget.responsive .points-w-title span {
    top: 0;
    transform: none;
}
.tyreSearchWidget.responsive .findMidSection .search-by-reg {
    width: 100%;
    border-right: none;
}
.tyreSearchWidget.responsive .findMidSection .rim-size {
    width: 100%;
    border-right: none;
}
.tyreSearchWidget.responsive .findMidContainer .your-location {
    width: 100%;
    border-right: none;
}
.tyreSearchWidget.responsive .points-w-button {
    width: 100%;
    height: 150px;
    border-radius: 0;
    border-right: none;
}
.tyreSearchWidget.responsive .findMidContainer {
    height: auto;
    border-radius: 0;
}
.tyreSearchWidget.responsive .findMidSection {
    overflow: hidden;
}
.showrooms-list .google-map-api {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.showrooms-list .alert.alert-error {
    margin: 0 !important;
    padding: 10px;
}

.filter-location {
    margin: 0 0 15px;
}

#gmap_canvas {
    width: 100%;
    min-height: 420px;
}

@media (min-width: 992px) {
    .showrooms-list {
        position: relative;
        padding-left: 420px;
    }

    .showrooms-list .all-branches {
        overflow-y: auto;
        width: 420px;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
    }

    .showrooms-list .google-map-api {
        height: calc(100vh - 122px);
    }

    .filter-location {
        display: none !important;
    }

    #gmap_canvas {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        min-height: 1px;
    }
}

.tkf-tabs {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -3px;
}

.tkf-tabs > li {
    margin: 0 3px;
}

.tkf-tabs > li > a {
    display: block;
    border: 0;
    padding: 12px 15px;
    background: none;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    transition: all 0.3s ease;
}

.tkf-tabs > li > a:hover {
    color: #000;
}

.tkf-tabs > li.active > a {
    background: #fff;
    color: var(--primary-color);
}

.tkf-tab-content {
    position: relative;
    overflow: hidden;
    padding: 15px;
    background: #fff;
    color: #000;
}

.tkf-tab-content .tkf-tab-pane {
    opacity: 0;
    transition: all 0.5s ease;
    display: none;
}

.tkf-tab-content .tkf-tab-pane.active {
    display: block;
    opacity: 1;
}

.tkf-tab-content .reg-number-plate {
    margin: 0;
}

.tkf-tab-content .vrm-tyre-toggle-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tkf-tab-content .vrm-tyre-toggle-list .tab-li-child {
    padding: 5px 0;
}

.tkf-tab-content .vrm-tyre-toggle-list .tab-li-child.active {
    display: none;
}

.tkf-tab-content .vrm-tyre-toggle-list .tab-li-child a {
    color: var(--primary-color);
    text-decoration: none;
}

@media (max-width: 767px) {
    .tkf-tabs > li > a {
        font-size: 14px;
        padding: 10px;
    }
}

.branch-locations {
    overflow: hidden;
}
.branch-modal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
    overflow: hidden;
    overflow-y: auto;
}

.branch-modal-content {
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
}
.branch-reg-modal {
    background: var(--primary-color);
    padding: 3px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
}
.branch-reg-modal .modal-close {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 18px;
    z-index: 80;
    width: 18px;
    height: 18px;
    text-align: center;
    color: #fff;
}

.branch-reg-modal .tkf-tab-content p {
    margin: 0 0 10px !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.branch-reg-modal .modal-close i {
    display: block;
    line-height: inherit;
}
.branch-reg-modal .findMidSection {
    overflow: hidden;
}
.branch-reg-modal .findMidSection .grid-100 {
    float: none;
    padding: 0;
    width: 100%;
}
.branch-reg-modal .findMidSection .find_my_tyres_form,
.branch-reg-modal .findMidSection .find-my-tyre {
    width: 75%;
}

.branch-reg-modal .rim-size .findMidSection .api-do-action {
    width: 25%;
    padding: 0 0 0 10px;
}

.branch-reg-modal .bike-tyres.rim-size .findMidSection .api-do-action {
    margin-top: 22px;
}

.multi-select-view .branch-reg-modal .bike-tyres.rim-size .findMidSection .api-do-action,
.branch-reg-modal .rim-size .live-search-block .findMidSection .api-do-action,
.branch-reg-modal .rim-size .findMidSection.live-search-block .api-do-action {
    margin-top: 0;
}

.branch-reg-modal .rim-size .live-search-block .findMidSection .api-do-action,
.branch-reg-modal .rim-size .findMidSection.live-search-block .api-do-action {
    width: 100%;
    padding: 0;
}

@media (max-width: 991px) {
    .branch-reg-modal .findMidSection .find_my_tyres_form,
    .branch-reg-modal .findMidSection .find-my-tyre {
        width: 100%;
    }

    .branch-reg-modal .rim-size .findMidSection .api-do-action {
        width: 100%;
        padding: 10px 0 0;
    }
    .branch-reg-modal .rim-size .live-search-block .findMidSection .api-do-action,
    .branch-reg-modal .rim-size .findMidSection.live-search-block .api-do-action {
        width: 100%;
        padding: 10px 0 0;
    }

    .branch-reg-modal .bike-tyres.rim-size .findMidSection .api-do-action {
        margin-top: 0;
    }
}

.branch-reg-modal .api-do-action .search-btn {
    font-size: 18px;
    line-height: 26px;
}

.branch-reg-modal .findMidSection .rim-size-btn {
    margin: 0 -5px 4px;
}
.branch-reg-modal .findMidSection .rim-size-btn .main-r-option {
    padding: 0 5px;
}
.branch-reg-modal .findMidSection .rim-size-btn .select-r-option select {
    font-size: 14px;
    padding-left: 5px;
    padding-right: 20px;
}

.branch-reg-modal .findMidSection .select-r-option:after {
    font-size: 14px;
    right: 5px;
}
.branch-reg-modal .tab-content {
    background: #ffffff;
    padding: 20px;
}

/* Multi selection view */
.multi-select-view .tkf-tabs {
    /* display: none; */
}

.multi-select-view .branch-modal-content {
    max-width: 1280px;
}

.multi-select-view .branch-reg-modal {
    /* padding: 0;
    border: 5px solid var(--primary-color); */
    overflow: hidden;
}

.multi-select-view .branch-reg-modal .modal-close {
    /* color: #000; */
}

/* .multi-select-view .tkf-tab-content {
    padding: 0;
} */

.multi-select-view .tkf-tab-content .vrm-tyre-toggle-list:not(.bike-toggle-list) {
    display: none;
}

.multi-select-view .tkf-tab-content .api-tabs-content {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: -15px;
}

.multi-select-view .tkf-tab-content .api-tabs-content .api-tab-pane {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 50%;
    padding: 15px;
    position: relative;
    overflow: visible !important;
    border-radius: 0 !important;
    align-items: flex-end;
}

.multi-select-view .tkf-tab-content .api-tabs-content .api-tab-pane.search-by-reg {
    padding-right: 25px;
}

.multi-select-view .tkf-tab-content .api-tabs-content .api-tab-pane.rim-size {
    background: #f7f7f7;
    padding-left: 25px;
}
.multi-select-view .tkf-tab-content .api-tabs-content .api-tab-pane:hover {
    background: #e6e6e6;
}

.multi-select-view .api-tabs-content .api-tab-pane:hover p {
    color: var(--primary-color);
}

.multi-select-view .api-tabs-content .api-tab-pane.rim-size:before {
    content: "or";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    display: block;
    margin: 18px 0 0;
}

/* .multi-select-view .api-tab-pane.rim-size:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../img/tyreSizeRef_transparent.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 240px;
    height: 60px;
    pointer-events: none;
} */

.multi-select-view .api-tabs-content .api-tab-pane .vrmlookup,
.multi-select-view .api-tabs-content .api-tab-pane .findMidSection {
    width: 100%;
    margin: 0;
}

.multi-select-view .api-tabs-content .api-tab-pane .vrmlookup .vt-row,
.multi-select-view .api-tabs-content .api-tab-pane .findMidSection .vt-row {
    margin: 0;
}

.multi-select-view .api-tabs-content .api-tab-pane .vrmlookup {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}

.multi-select-view .api-tabs-content .api-tab-pane .grid-50,
.multi-select-view .api-tabs-content .api-tab-pane .grid-65,
.multi-select-view .api-tabs-content .api-tab-pane .grid-35,
.multi-select-view .api-tabs-content .api-tab-pane .grid-100 {
    width: 100% !important;
    padding: 0;
}

.multi-select-view .branch-reg-modal .findMidSection .find_my_tyres_form,
.multi-select-view .branch-reg-modal .findMidSection .find-my-tyre,
.multi-select-view .branch-reg-modal .findMidSection .api-do-action {
    width: 100%;
    padding: 0;
}

.multi-select-view .branch-reg-modal .findMidSection .rim-size-btn {
    margin: -7px -5px 8px;
}

.multi-select-view .branch-reg-modal .findMidSection .rim-size-btn .main-r-option {
    padding: 5px;
}

.multi-select-view .tkf-tab-content .reg-number-plate {
    margin-bottom: 10px;
}

.multi-select-view .tkf-tab-content .ref-popup-opener {
    color: var(--primary-color) !important;
    margin: 0 !important;
}

@media only screen and (max-width: 1279px) {
    .new-layout .multi-select-view .findMidSection .rim-size-btn .main-r-option {
        flex: 1 0 50%;
        margin-top: 0;
    }

    .multi-select-view .api-tab-pane.rim-size:after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .multi-select-view {
        margin: 0;
        width: 100% !important;
    }
    .multi-select-view .api-tabs-content .api-tab-pane {
        width: 100% !important;
        display: block !important;
        padding: 20px 15px !important;
    }

    .multi-select-view .api-tabs-content .api-tab-pane.rim-size:before {
        margin: 0;
        top: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (max-width: 479px) {
    .new-layout .multi-select-view .findMidSection .rim-size-btn .main-r-option {
        flex: 1 0 100%;
        margin-top: 0;
    }
}

.branch-reg-modal .nav-tabs > li.active > a {
    color: #333;
}
.branch-reg-modal .nav-tabs > li > a {
    color: #fff;
}
.branch-reg-modal .nav-tabs > li > a:hover {
    border-color: none;
    background: none;
}
.btn-plain-green {
    background: #81ca23;
    border: medium none;
    color: #ffffff;
    height: 60px;
    padding: 5px 50px;
    text-transform: uppercase;
    vertical-align: top;
    border-radius: 0px;
}
.btn-search-size {
    background: #81ca23;
    border: medium none;
    color: #ffffff;
    height: 60px;
    padding: 5px 0;
    text-transform: uppercase;
    display: block;
    width: 100%;
}
.btn-search-postcode {
    background: #0e2b86;
    border: medium none;
    color: #ffffff;
    height: 35px;
    padding: 5px 0;
    text-transform: uppercase;
    vertical-align: top;
    border-radius: 0px;
    width: 100%;
}
.branch-reg-modal .search-size {
    overflow: hidden;
}
.arrow_box {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    margin-bottom: 10px;
    max-width: 250px;
    padding: 10px;
    position: relative;
    border-radius: 10px;
    display: none;
}
.arrow_box:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: rgba(0, 0, 0, 0.8);
    border-width: 10px;
    margin-left: -10px;
}
.arrow_box small {
    position: absolute;
    right: 5px;
    top: 0;
    cursor: pointer;
}
/* Locations / Branches widget : Ends */

.tkf-btn {
    background: var(--primary-color-btn) !important;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    color: var(--primary-color-btn-text) !important;
    cursor: pointer !important;
    display: block;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600;
    height: auto !important;
    padding: 10px 20px !important;
    text-decoration: none;
    width: 100% !important;
    margin: 0 !important;
    text-transform: capitalize;
    box-shadow: none !important;
}
.tkf-btn:hover {
    background: var(--primary-color-btn);
    border-color: var(--primary-color-btn);
}

.tkf-btn.tkf-btn-primary {
    background: var(--primary-color-btn) !important;
}

.tkf-btn.tkf-btn-secondary {
    background: #000 !important;
    color: #fff !important;
}
.tkf-btn.tkf-btn-sm {
    font-size: 12px !important;
    line-height: 16px !important;
    padding: 6px 10px !important;
}
.file-container {
    max-width: 100px;
    display: inline-block;
    margin-right: 5px;
}
.file-container img {
    width: 100%;
}

/* Sweet Alert Modal */

.swal-overlay {
    z-index: 999999999;
}
.swal-modal,
.swal-modal * {
    font-family: var(--tfcw-primary-font) !important;
}

.swal-modal {
    color: #000 !important;
    font-size: 16px;
    line-height: 20px;
}

.swal-modal * {
    color: inherit;
}

.swal-modal .swal-title {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
}

.swal-modal .swal-content,
.swal-modal .swal-text {
    color: #000 !important;
    font-size: inherit;
    line-height: inherit;
    font-weight: 400;
}

.swal-modal .swal-content strong,
.swal-modal .swal-content b {
    font-weight: 600;
}

.swal-modal .swal-icon.swal-icon--warning {
    width: 60px;
    height: 60px;
}

.swal-modal .swal-icon.swal-icon--warning .swal-icon--warning__body {
    height: 30px;
    width: 4px;
}

.swal-modal .swal-icon.swal-icon--warning .swal-icon--warning__body .swal-icon--warning__dot {
    width: 6px;
    height: 6px;
    margin-left: -3px;
}

/* wheels lyout in cam */

.new-layout .wheel_view .container {
    max-width: 100%;
    padding: 0 !important;
}

.new-layout .wheel_view .container .ta-home-content {
    --primary-button-color: var(--primary-color-btn);
    --primary-dark-button-color: var(--primary-color-btn);
    padding: 0;
}

.new-layout .wheel_view .container .ta-home-content .ta-home-data-content {
    padding: 12px !important;
    overflow: hidden !important;
}

/* Revamp Design : Start */

.tkf-container.revamp-design {
    /* --primary-color: #009fe3;
    --primary-color: #1F2064;
    --heading-color: var(--primary-color) */
    --revamp-home-button: #ae2d2d;
    --revamp-home-button: #000;
}

.tkf-container.revamp-design .api-tabs {
    background: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none;
}

.tkf-container.revamp-design .tkf-w-title {
    display: block !important;
    text-align: center !important;
}

.tkf-container.revamp-design .api-tabs > ul.api-tab-list {
    justify-content: center;
    text-align: center;
    margin: 0 -10px 15px !important;
}

.tkf-container.revamp-design .api-tabs > ul.api-tab-list > li {
    float: none;
    width: auto;
    flex: 0 1 auto;
    padding: 10px;
    margin: 0;
}

.tkf-container.revamp-design .api-tabs > ul.api-tab-list > li > a {
    background: none;
    padding: 0;
    color: #fff !important;
    padding: 3px;
    border: none;
    opacity: 0.5;
}
.tkf-container.revamp-design .api-tabs > ul.api-tab-list > li > a .api-head-text {
    color: inherit;
}

.tkf-container.revamp-design .api-tabs > ul.api-tab-list > li > a:hover {
    opacity: 1;
}

.tkf-container.revamp-design .api-tabs > ul.api-tab-list > li.active > a {
    background: none !important;
    color: #fff;
    opacity: 1;
}

.tkf-container.revamp-design .api-tabs > ul.api-tab-list > li > a small {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}

.tkf-container.revamp-design .api-tabs > .api-tabs-content {
    /* background: rgba(0, 0, 0, 0.1) !important; */
    background: none !important;
}

.tkf-container.revamp-design .multiple-view > .api-tab-pane.tab-tyre-size {
    /* background: rgba(0, 0, 0, 0.18); */
    background: none !important;
}
.tkf-container.revamp-design .multiple-view > .api-tab-pane.tab-tyre-size:before {
    color: #fff;
}

.tkf-container.revamp-design .multiple-view > .api-tab-pane:hover {
    background: rgba(0, 0, 0, 0.2) !important;
}

.tkf-container.revamp-design .api-tab-pane p {
    color: #fff;
}

.tkf-container.revamp-design .api-tabs-content .api-tab-pane h4 {
    color: #fff !important;
}

.tkf-container.revamp-design .api-tabs-content .api-tab-pane h4 small {
    color: inherit !important;
}

.tkf-container.revamp-design .api-tab-pane > ul > li {
    color: #fff !important;
}

.tkf-container.revamp-design .api-tabs-content .api-tab-pane > ul > li > a {
    background: none !important;
    color: #fff !important;
}

.tkf-container.revamp-design .ref-popup-opener {
    color: #fff;
}

.tkf-container.revamp-design .api-do-action .search-btn {
    background: var(--revamp-home-button);
}

/* Revamp Design : End */

.rs_modal.rs-modal-small {
    padding: 20px 15px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    border: 0;
}

.rs_modal.rs-modal-small .rs_inner {
    position: relative;
    margin: auto;
    padding: 15px;
    width: 100%;
    max-width: 1400px;
    background: #fff;
}

.rs_modal.rs-modal-small .rs_buying_option_close_modal {
    z-index: 5;
    top: 10px;
    right: 10px;
    background: #fff !important;
    border-color: #fff !important;
    color: #000 !important;
}

.rs_modal.rs-modal-small .rs_buying_option_close_modal:before {
    color: #fff !important;
}

.rs_modal.rs_modal_content_aware {
    right: auto !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(calc(-50% - 15px), calc(-50% - 15px)) !important;
    width: auto !important;
    min-width: 380px !important;
    min-height: 280px !important;
    margin: 15px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

.rs_modal.rs_modal_content_aware .rs_inner {
    padding: 20px !important;
}

.rs_modal.rs_modal_content_aware .booking-procedure {
    padding-top: 15px !important;
}

.rs_modal.rs_modal_content_aware .booking-procedure h3 {
    font-size: 24px;
}

@media screen and (max-width: 600px) {
    .rs_modal.rs_modal_content_aware {
        min-width: 280px !important;
        min-height: 280px !important;
        max-height: calc(100vh - 40px) !important;
    }
}

.mot-notification-box {
    position: relative;
    text-align: center;
    margin: 0 0 10px;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #000;
}

.mot-notification-box p {
    margin: 0 0 10px !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-style: inherit !important;
    font-weight: inherit !important;
}

.mot-notification-box p:last-child {
    margin: 0 !important;
}

.mot-notification-box .mot-notification-text {
    position: relative;
    display: block;
    padding: 10px;
    background: #f7c821;
}

.mot-notification-box .mot-notification-text a {
    text-decoration: underline;
    color: var(--primary-color);
    text-transform: capitalize;
}

.mot-notification-box .mot-notification-text.blink {
    animation: mot-blink 0.75s ease-in-out infinite alternate;
}

@keyframes mot-blink {
    0% {
        background: #fff;
    }
    100% {
        background: #f7c821;
    }
}

@keyframes glow-text {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.rs_modal.rs_services_modal {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 15px;
    display: flex;
    flex-flow: row wrap;
    border: 0;
}

.rs_modal.rs_services_modal > .rs_inner {
    width: 100%;
    background: #fff;
    padding: 40px 15px;
    border-radius: 4px;
}

.rs_modal.rs_services_modal .rs_close_modal,
.rs_modal.rs_services_modal .modal-ui-close {
    top: 30px;
    right: 30px;
}

@media screen and (max-width: 767px) {
    .rs_modal.rs_services_modal .rs_close_modal,
    .rs_modal.rs_services_modal .modal-ui-close {
        top: 15px;
        right: 15px;
    }
}

.rs_modal.rs_services_modal.ta-checkout-userdetails .tf-si-wrapper .tf-si-form .tf-si-upload-box:only-child {
    padding: 5px 0;
}

.rs_modal.rs_services_modal.ta-checkout-userdetails .ta-form-row .ta-col-100,
.rs_modal.rs_services_modal.ta-checkout-userdetails .ta-form-row .ta-col-50 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

.tkf-tyre-promotion-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

.tkf-tyre-promotion-wrapper .trye-approved-brands {
    flex-grow: 1;
    margin: 0 8px 0 0 !important;
    padding: 0;
    flex-shrink: 0;
    align-items: center;
}

.tkf-promo-code-label {
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 16px;
    font-weight: 300;
    color: #000;
    color: #da0037;
    padding: 5px 0;
    flex-grow: 1;
}

.tkf-promo-code-label.text-center {
    text-align: center;
}

.tkf-promo-code-label p {
    margin: 0 !important;
    min-height: 1px !important;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}

.tkf-promo-code-label .promo-popup-trigger {
    display: inline-block;
    vertical-align: top;
    color: var(--primary-color);
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
}

.tkf-promo-code-label .promo-popup-trigger i {
    display: block;
    line-height: inherit;
}

.promo-popup .dialogContent {
    min-height: 180px;
    text-align: left;
    font-size: 14px;
    line-height: 1.275;
    max-height: auto !important;
}

.promo-popup .dialogContent p {
    margin: 0 0 10px;
}

.tkf-data-list {
    position: relative;
    display: flex !important;
    flex-flow: column nowrap;
    overflow: hidden;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #000 !important;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tkf-data-list > li {
    display: flex !important;
    flex-flow: row nowrap !important;
    margin: -2px !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.tkf-data-list .tkf-dt,
.tkf-data-list .tkf-dd {
    margin: 0 !important;
    padding: 2px !important;
    display: block !important;
    color: #000 !important;
    background: none !important;
    font-weight: 300;
    flex-grow: 1;
}

.tkf-data-list .tkf-dt {
    text-transform: capitalize;
    /* max-width: 70%; */
}

.tkf-data-list .tkf-dd {
    text-align: right;
    font-weight: 600;
    /* flex-shrink: 0; */
}

.tkf-data-list .tkf-dd strike {
    margin: 0 3px;
    color: #777;
    font-weight: 300;
}

.price-row {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 0 -3px;
}

.price-row > * {
    padding: 2px 3px !important;
}

.price-row.discounted {
    font-size: 14px;
    font-weight: 400;
    color: #777;
}

.price-row.discounted dt {
    font-size: inherit !important;
    font-weight: inherit !important;
    text-transform: capitalize !important;
    color: #000 !important;
}

.strike {
    text-decoration: line-through;
}


.filter-tags-wrapper {
    position: relative;
    /* padding: 5px 0; */
}

.filter-tags-title {
    display: block;
    margin: 0 0 5px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
}

.applied-filter-list {
    margin: 0 -6px;
    padding: 0;
    list-style: none;

    display: flex;
    flex-flow: row wrap;
}

.applied-filter-list li {
    padding: 6px;
}

.filter-tag {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    background: var(--primary-color);
    padding: 8px 10px;
    padding-right: 40px;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: block;
    /* border: 1px solid var(--primary-color); */
}

.filter-tag .filter-tag-remove {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    transition: background 0.3s ease;
}

.filter-tag .filter-tag-remove:hover {
    background: rgba(0, 0, 0, 1);
}
.filter-tag .filter-tag-remove i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    line-height: 1;
}

.tyre-size-disclaimer {
    position: relative;
    margin: 0 0 20px;
}

.tyre-size-disclaimer .ta-custom-control {
    font-size: 16px !important;
    line-height: 18px !important;
    cursor: pointer;
}

.tyre-size-disclaimer .tyre-size-disclaimer-error {
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    padding: 5px 0 0;
    color: #ff0000;
}

.tyre-size-disclaimer .tyre-size-disclaimer-error .error-msg {
    display: block;
}


/* Tyre & Wheel Mix layout : Starts */


.tkf-container.mix-layout {
    /* --primary-color: #ff0; */
    padding: 10px;
}

.tkf-container.mix-layout .api-tabs {
    border: 0 !important;
    padding: 20px;
    box-shadow: none;
    background: var(--primary-color);
}

/* Tyre & Wheel Mix layout : Ends */

.rs_modal .booking-procedure {
    overflow: visible;
}
.promo-tag {
    display: block;
    padding: 2px;
    margin:  4px 15px;
    color: #fff;
    z-index: 1;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    text-shadow: 0 0 5px rgb(0, 0, 0, 70%);
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* .promo-tag:before {
    content: '';
    background: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.7;
} */

.promo-tag.rectangle-img {
    width: 165px !important;
    height: 30px !important;
}

.promo-tag.round-img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 100%;
    transform: translateX(0);
}

.promo-tag.round-img img {
    border-radius: 100% !important;
}

.promo-tag[class*="extreme"],
.promo-tag[class^="extreme"] {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    transform: none;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}

.rs_modal .booking-procedure {
    overflow: visible;
}

.promo-tag.position-center {
    top: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
}

.promo-tag.position-top {
    top: 0;
    bottom: auto;
    margin-left: 0;
    margin-right: 0;
}

.promo-tag.position-bottom {
    top: auto;
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
}


.promo-tag img,
.new-layout .tkf-product-img .promo-tag img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    max-width: 100% !important;
    max-height: 100% !important;
}
.promo-tag.rectangle-img img,
.new-layout .tkf-product-img .promo-tag.rectangle-img img {
    object-fit: contain !important;
}
.rs_modal .booking-procedure {
    overflow: visible;
}

.rs_modal .booking-procedure h2,
.rs_modal .booking-procedure h3,
.rs_modal .description-block h2 {
    font-size: 22px !important;
    line-height: 1.2 !important;
    color: var(--primary-color) !important;
    text-align: center !important;
    margin: 0 0 10px !important;
    font-weight: 600 !important;
    text-transform: capitalize;
    overflow: visible !important;
    display: block !important;
    height: auto !important;
    max-height: inherit !important;
    -webkit-line-clamp: none !important;
}

.rs_modal .extra-service-info,
.rs_modal .description-content {
    font-size: 14px !important;
    line-height: 20px !important;
    color: #000 !important;
    font-weight: 400 !important;
}

.rs_modal .extra-service-info * {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* iframe-Modal : Start */

.tf-modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 1000;
    opacity: 0.5;
    box-sizing: border-box;
}

.tf-modal-backdrop * {
    box-sizing: border-box;
}

.tf-modal-backdrop.show {
    opacity: 0.7;
}

.tf-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    z-index: 999991;
    transition: all 0.3s ease;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

.tf-modal * {
    box-sizing: border-box;
}

.tf-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.tf-modal.is-open .tf-modal-dialog {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.tf-modal.tf-modal-body-scroll .tf-modal-body {
    min-height: 160px;
    max-height: calc(100vh - 100px);
    overflow: hidden;
    overflow-y: auto;
}

@media (min-width: 1200px) {
    .tf-modal.tf-modal-body-scroll .tf-modal-body {
        max-height: calc(100vh - 100px);
    }
}

.tf-modal .tf-modal-dialog {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20%);
    transition: all 0.3s ease;
    padding: 15px;
}

.tf-modal .tf-modal-content {
    position: relative;
    border-radius: 4px;
    background: #fcfcfc;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .tf-modal .tf-modal-content {
        margin: 20px auto;
    }
}

.tf-modal .tf-modal-content.modal-lg {
    max-width: 1400px;
}

.tf-modal .tf-modal-content.modal-xl {
    max-width: 1680px;
}

.tf-modal .tf-modal-content.modal-sm {
    max-width: 800px;
}

.tf-modal .tf-modal-header {
    padding: 15px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    /* background: var(--tf-gray-100);
    border-radius: var(--tf-border-radius) var(--tf-border-radius) 0 0; */
}

.tf-modal .tf-modal-header .tf-modal-title {
    flex-grow: 1;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
    color: var(--primary-color);
}

.tf-modal .tf-modal-footer {
    padding: 10px 15px;
    border-top: 1px solid var(--primary-color);
    /* background: var(--tf-gray-100);
    border-radius: 0 0 var(--tf-border-radius) var(--tf-border-radius); */
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.tf-modal .tf-modal-footer .tf-btns-list .tf-btn {
    min-width: 90px;
}

.tf-modal .tf-modal-body {
    padding: 15px;
    position: relative;
}

.tf-modal .widget-slider {
    width: 100%;
    max-width: 100%;
}

.tf-modal .tf-modal-close {
    align-self: flex-start;
    position: relative;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    box-shadow: none;
    border: 1px solid #000;
    color: #fff;
    background: #000;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;
}

.tf-modal .tf-modal-close:hover {
    background: #000;
}

.tf-modal .tf-modal-close:after,
.tf-modal .tf-modal-close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 58%;
    height: 2px;
    background: currentColor;
}

.tf-modal .tf-modal-close:after {
    transform: translate(-50%, -50%) rotate(45deg);
}

.tf-modal .tf-modal-close:before {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.tf-modal .embed-holder {
    display: block;
    width: 100%;
}

.tf-modal .embed-holder iframe {
    display: block;
    width: 100%;
}

.tf-modal.tf-widget-popup .tf-modal-header {
    padding: 0;
    border: 0;
}

.tf-modal.tf-widget-popup .tf-modal-close {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 30px;
    height: 30px;
    z-index: 3;
}

.tf-modal .tf-iframe-wrapper {
    width: 100%;
    position: relative;
}

.tf-modal .tf-iframe {
    display: block;
    width: 100%;
    height: calc(100vh - 130px);
}

/* iframe-Modal : End */

.total-payable-box {
    position: relative;
    color: #000;
    font-size: 16px;
    line-height: 20px;
}


.tf-si-wrapper {
    position: relative;
    padding: 10px 0 0;
    color: #000;
    display: block;
    width: 100%;
}

.special_instruction_tr .tf-si-wrapper {
    padding: 0;
}

.tf-si-wrapper .tf-si-title {
    display: block;
    font-weight: 400;
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 16px;
}

.tf-si-wrapper .tf-si-title .title-text {
    margin:0;
    display: inline;
}

.tf-si-wrapper .tf-si-text {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}

.tf-si-wrapper .tf-si-title .checklist-modal {
    position: static;
}

.tf-si-wrapper .form-group {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin: 0;
    padding: 0;
}

.tf-si-wrapper .tf-si-title-custom-wrap {
    margin: 0 0 10px;
    display: flex;
    flex-direction: column;
}

.tf-si-wrapper .tf-si-title-custom-wrap .tf-si-title-custom {
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 600 !important;
}


@media screen and (min-width: 1280px) {
    .tf-si-wrapper .form-group {
        max-width: 80%;
    }

    .special_instruction_tr .tf-si-wrapper .form-group {
        max-width: 100%;
    }
}

.tf-si-wrapper .tkf-input-group .input-group-append {
    display: flex;
    white-space: nowrap;
    margin: 0 0 0 20px;
}

.tf-si-wrapper .tkf-input-group .input-group-append > * {
    width: 100%;
    flex-grow: 1;
    display: flex;
    margin-left: -1px;
}

.tf-si-wrapper .tf-si-form {
    position: relative;
}

.tf-si-wrapper .tf-si-form .tf-si-title {
    font-size: 13px !important;
}

.tf-si-wrapper .tf-si-form .tkf-input-group .form-control {
    font-size: 13px !important;
    height: 42px !important;
}

.tf-si-wrapper .tf-si-form .tkf-input-group .form-control::placeholder {
    opacity: 0.4 !important;
}

.tf-si-wrapper .tf-si-form .tf-si-input-box {
    display: flex;
    flex-direction: column;
}

.tf-si-wrapper .tf-si-form .tf-si-input-box > * {
    width: 100%;
}

.tf-si-wrapper .tf-si-form .tf-si-input-box .form-group {
    margin: 0 0 10px;
}

.tf-si-wrapper .tf-si-form .tf-si-input-box .form-group:last-child {
    margin: 0;
}

.tf-si-wrapper .tf-si-form .tf-si-upload-box {
    padding: 15px 0 0;
    display: flex;
    flex-direction: column;
}

.tf-si-wrapper .tf-si-form .tf-si-upload-box > * {
    width: 100%;
}

.tf-si-wrapper .tf-si-form .tf-si-upload-box .input-group-append {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


@media screen and (min-width: 768px) {
    .tf-si-wrapper .tf-si-form .tf-si-upload-box .input-group-append {
        flex-direction: row;
        gap: 0;
    }
    /* .tf-si-wrapper .tf-si-form .tf-si-upload-box .input-group-append > * {
        flex-grow: 1;
        flex-basis: 0;
    } */
}


.tf-si-wrapper .tf-si-form .tf-si-upload-box .fileinput-button {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
}

.tf-si-wrapper .tf-si-form .tf-si-upload-box .si-btn {
    /* background: color-mix(in srgb, var(--primary-color-btn), #fff 90%) !important;
    border-color: color-mix(in srgb, var(--primary-color-btn), #fff 75%) !important; */
    padding-top: 9px;
    padding-bottom: 9px;
}

.tf-si-wrapper .tf-si-form .tf-si-upload-box  .tf-si-files-count {
    margin-left: -1px;
    text-align: center;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.tf-si-wrapper .tkf-input-group .fileinput-button {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    overflow: hidden;
}

.tf-si-wrapper .tkf-input-group .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

.tf-si-wrapper .si-btn {
    display: block !important;
    position: relative !important;
    border: 1px solid #ddd !important;
    font-size: 14px !important;
    line-height: 22px !important;
    background: #eee !important;
    color: var(--primary-color) !important;
    border-radius: 0 !important;
    padding: 10px 12px;
    cursor: pointer;
    flex-grow: 1;
    text-transform: none;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
}
.tf-si-wrapper .si-btn.btn-count {
    cursor: default;
    background: #f4f4f4 !important;
    color: #000 !important;
}

.tf-si-wrapper .si-btn.btn-count > .si-view-link {
    color: var(--primary-color) !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.tf-si-wrapper .tkf-input-group {
    flex-wrap: nowrap;
}

.tf-si-wrapper .tkf-input-group .form-control {
    min-width: 170px;
    border-radius: 0 !important;
    font-size: 14px !important;
}

.tf-si-wrapper .tkf-input-group .tf-si-actions {
    display: flex;
    /* margin-left: -1px; */
}


.tf-si-wrapper .tkf-input-group .tf-si-actions .si-btn {
    margin-left: -1px;
}

.tf-si-wrapper .tkf-input-group.si-input-group .si-input-wrapper {
    width: 100%;
}

.tf-si-wrapper .tkf-input-group.si-input-group .input-group-append {
    align-self: flex-start;
}

.tf-si-wrapper .tkf-input-group.si-input-group .si-char-limit {
    display: block;
    padding: 5px 0 0;
    color: #000;
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}

.tf-si-wrapper .tkf-input-group.si-input-group .si-char-limit .si-char-count {
    font-weight: 600;
}

.tf-si-wrapper .tkf-input-group.si-input-group .si-char-limit.low-limit .si-char-count,
.tf-si-wrapper .tkf-input-group.si-input-group .si-char-limit .si-char-count.low-limit {
    color: #f24d4d;
    color: #ff1e1e;
}

.tf-si-modal.tf-modal,
.tf-si-modal.tf-modal .tf-modal-dialog {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
    transition: none;
}

.tf-si-modal.tf-modal .tf-si-modal-close {
    position: static;
}

.tf-si-images-grid {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.tf-si-images-grid .tf-si-image-box {
    display: block;
    width: 100%;
    border: 1px solid #ddd !important;
    position: relative;
    background: #f4f4f4 !important;
    display: flex;
    flex-flow: column nowrap;
    padding: 10px;
}

.tf-si-images-grid .tf-si-remove-icon {
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    bottom: 0;
    border-radius: 0;
    text-align: center;
    width: 38px;
    height: auto;
    font-size: 16px;
    line-height: 1;
    border: 0;
    box-shadow: none;
    outline: none;
    background: #ff0000 !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.tf-si-images-grid .tf-si-image-box .caption {
    border-top: 1px solid #ddd;
    padding: 7px 10px;
    padding-right: 45px;
    font-size: 14px;
    line-height: 20px;
    background: #eee;
    color: #000;
    text-align: left;
    margin: 0 -10px -10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% + 20px);
    position: relative;
}

.tf-si-images-grid .tf-si-image-box .tf-si-img-wrap {
    width: 100%;
    position: relative;
    padding-top: 70%;
    overflow: hidden;
    flex-grow: 1;
    margin: 0 0 10px;
}

.tf-si-images-grid .tf-si-image-box .tf-si-img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.btn-loading {
    pointer-events: none;
}

.btn-loading:before {
    content: "\f2f1";
    -webkit-animation: fa-spin 1.7s linear infinite;
    animation: fa-spin 1.7s linear infinite;
    font: normal normal 900 14px/1 "Font Awesome 5 Free";
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 0;
}

.rs_modal.rs_mot_booking {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-style: normal;
    font-weight: 400;
}

.rs_modal.rs_mot_booking p {
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
}

.rs_modal.rs_mot_booking .card-layout.mot-branches-box .branch-holder {
    max-height: 528px;
    overflow: hidden;
    overflow-y: auto;
}

.rs_modal.rs_mot_booking .card-layout.mot-service-box .recommended-with-services {
    margin: 0;
}

.rs_modal.rs_mot_booking .card-layout.mot-service-box .mot-notify-box {
    text-align: center;
}

div[id*="rxp-overlay-"] , 
div[id^="rxp-overlay-"] , 
div[id*="rxp-loader-"] , 
div[id^="rxp-loader-"]{
    z-index: 10000 !important;
}

iframe[id*="rxp-frame-"] , 
iframe[id^="rxp-frame-"] {
    width: revert-layer;
}
.filter-note-wrapper{
    display: flex;
    justify-content: space-between;
    color: #000;
    font-size: 14px;
    padding: 3px 0 5px;
}
.filter-note-wrapper .note-title{
    flex-grow: 1;
}
.filter-note-wrapper .note-title p{
    margin: 0 0 0 !important;
    color: #000;
}
.filter-note-wrapper .note-des-link a{
   
    font-size: 14px;
    text-decoration: underline;
    color: #30359B !important;
    cursor: pointer;
}
.filter-note-wrapper .note-des-link{
    flex-grow: 1;
    text-align: right;
}
.rs_modal .extra-service-info{
margin-top: 18px !important;
}
.swal-button--confirm {
    background-color: #dd6b55; /* confirmButtonColor: "#DD6B55", */
  }
  
.swal-modal .swal2-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 1.2em;
    height: 1.2em;
    transition: color 0.1s ease-out;
    border: none;
    background: transparent;
    color: #cccccc;
    font-family: serif;
    font-size: 40px;
    cursor: pointer;
}
  
.swal-modal .swal2-close:hover {
    color: #f27474;
}
.min-screen-set {
    display: none !important; 
}
@media only screen and (max-width: 991px){
    .min-screen-set {
        padding: 0 0 20px;
        display: block !important;
    }
    .min-screen-set .btn-continue {
        display: inline-block !important;
    }
}

/* Mobile */
@media only screen and (max-width: 767px) {
    .align-change-ui {
        display: flex;
        flex-flow: row wrap;
    }
    .align-change-ui .first-align{
        order: 1;
    }
}

/*  */
.recommended-with-services .box .text-holder {
    font-size: 13px;
    line-height: 16px;
}

.recommended-with-services .box .text-holder p  {
    font-size: inherit;
    line-height: inherit;
    font-style: normal;
    color: #000;
}
.recommended-with-services .extra-services-title {
    display: block;
    font-size: 19px;
    margin: 0 0 4px;
}

/* @media screen and (min-width: 992px) {
    .recommended-with-services .extra-services-title {
        font-size: 22px;
    }
} */
.total-amount-section .pay-design-set{
    background: #fff;
    box-shadow: 0px 0px 8px 0px #ccc;
    padding: 20px;
    overflow: hidden;
    margin: 22px 1px 12px 1px;
}

/* New Calendar UI : Starts */
.inline-calendar .datepicker table td,
.inline-calendar .datepicker table td.day,
.inline-calendar .datepicker table td.day:hover {
    background: none !important;
}

.cal-content {
    display: block;
    font-weight: 400;
    font-style: normal;
}

.cal-content i,
.cal-content em {
    font-style: normal;
}

.new-cal-ui .cal-content {
    color: var(--primary-color) !important;
    border-radius: 100%;
    margin: 0 auto;
    max-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-weight: 600 !important;
    padding: 2px;
    pointer-events: auto;
    transition: all 0.3s ease;
    min-width: 24px;
    min-height: 24px;
}

.new-cal-ui .cal-content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    background: var(--primary-color);
    opacity: 0.25;
    transition: all 0.3s ease;
}

.new-cal-ui .cal-content:after {
    content: '';
    display: inline-block;
    padding: 100% 0 0;
    vertical-align: top;
}

.inline-calendar .new-cal-ui .datepicker-inline tr th,
.inline-calendar .new-cal-ui .datepicker-inline tr td,
.inline-calendar .new-cal-ui .datepicker-inline tr td.disabled,
.new-cal-ui .datepicker-inline tr th,
.new-cal-ui .datepicker-inline tr td,
.new-cal-ui .datepicker tr th,
.new-cal-ui .datepicker tr td {
    background: none !important;
    border: none !important;
    color: #000 !important;
    padding: 8px 5px !important;
    font-weight: 400;
    pointer-events: none;
    font-size: 15px !important;
}
.new-cal-ui .datepicker table tr td.disabled,
.new-cal-ui .datepicker table tr td.disabled:hover {
    background: none !important;
    text-decoration: none !important;
    opacity: 1;
}

.new-cal-ui .datepicker-inline tr th.dow,
.new-cal-ui .datepicker tr th.dow {
    padding: 15px 5px !important;
}


.new-cal-ui .datepicker table tr td.old,
.new-cal-ui .datepicker table tr td.new {
    padding: 0 !important;
}

.new-cal-ui .datepicker table tr td.old .cal-content,
.new-cal-ui .datepicker table tr td.new .cal-content {
    display: none;
}

.new-cal-ui .datepicker table tr tr.disabled .cal-content,
.new-cal-ui .datepicker table tr td.disabled .cal-content,
.new-cal-ui .datepicker table tr td:not(.slots-available) .cal-content {
    background: none;
    color: #000 !important;
    background: #f0f0f0;
    color: #6c6c6c !important;
    pointer-events: none;
    font-weight: 400 !important;
    overflow: hidden;
    z-index: 1 !important;
}

.new-cal-ui .datepicker table tr th.disabled .cal-content:before,
.new-cal-ui .datepicker table tr td.disabled .cal-content:before,
.new-cal-ui .datepicker table tr td:not(.slots-available) .cal-content:before {
    opacity: 0.65;
    /* background: linear-gradient(to bottom, transparent 48%, currentColor 48%, currentColor 52%, transparent 52%), linear-gradient(to right, transparent 48%, currentColor 48%, currentColor 52%, transparent 52%); */
    background: currentColor;
    top: 50%;
    bottom: auto;
    height: 1px;
    transform: rotate(-45deg);
    z-index: -1;

}

.datepicker table tr td.slots-available .slots-available-count {
    background: var(--primary-color);
    border-radius: 4px;
    padding: 4px;
    color: #fff !important;
    font-size: 10px !important;
    line-height: 1 !important;
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -60%);
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    pointer-events: none;
    display: inline-flex;
    min-width: 22px;
    text-align: center;
    justify-content: center;
    gap: 2px;
}
.datepicker table tr td.slots-available .slots-available-count strong {
    display: inline-block;
    font-weight: inherit !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}
.datepicker table tr td.slots-available.disabled .slots-available-count,
.datepicker table tr td.disabled .slots-available-count {
    display: none;
}

@media screen and (max-width: 575px) {
    .datepicker table tr td.slots-available .slots-available-count .slots-text {
        display: none;
    }

    .inline-calendar .new-cal-ui .datepicker-inline tr th,
    .inline-calendar .new-cal-ui .datepicker-inline tr td,
    .inline-calendar .new-cal-ui .datepicker-inline tr td.disabled,
    .new-cal-ui .datepicker-inline tr th,
    .new-cal-ui .datepicker-inline tr td,
    .new-cal-ui .datepicker tr th,
    .new-cal-ui .datepicker tr td {
        font-size: 13px !important;
        padding: 10px 3px !important;
    }
}

.new-cal-ui .datepicker table tr td.active .cal-content {
    color: #fff !important;
    background: var(--primary-color) !important;
}

.new-cal-ui .datepicker table tr .cal-content:hover:before {
    opacity: 0.4;
}

.new-cal-ui .datepicker th.next,
.new-cal-ui .datepicker th.prev {
    visibility: visible !important;
}

.new-cal-ui .datepicker th.next[style="visibility: hidden;"] .cal-content,
.new-cal-ui .datepicker th.next.disabled .cal-content,
.new-cal-ui .datepicker th.prev[style="visibility: hidden;"] .cal-content,
.new-cal-ui .datepicker th.prev.disabled .cal-content {
    pointer-events: none;
    color: #000 !important;
}
.new-cal-ui .datepicker th.next[style="visibility: hidden;"] .cal-content:before,
.new-cal-ui .datepicker th.next.disabled .cal-content:before,
.new-cal-ui .datepicker th.prev.disabled .cal-content:before,
.new-cal-ui .datepicker th.prev[style="visibility: hidden;"] .cal-content:before {
    opacity: 0;
}

.new-cal-ui .datepicker th.next .cal-content *,
.new-cal-ui .datepicker th.prev .cal-content * {
    pointer-events: none;
}

.new-cal-ui .datepicker th.next .cal-content .icon,
.new-cal-ui .datepicker th.prev .cal-content .icon {
    display: block;
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
    border: solid currentColor;
    transform: rotate(45deg);
}

.new-cal-ui .datepicker th.next .cal-content .icon {
    border-width: 2px 2px 0 0;
    margin: 0 0 0 -3px;
}

.new-cal-ui .datepicker th.prev .cal-content .icon {
    border-width: 0 0 2px 2px;
    margin: 0 0 0 3px;
}

/* New Calendar UI : Ends */

.btn-disabled {
    pointer-events: none;
}

.tf-collapse-opener {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    padding: 0;
    color: inherit;
    background: none;
    border: none;
    font-size: inherit;
    line-height: inherit;
    border-radius: 0;
    transition: none;
}

.tf-collapse-opener:hover {
    background: none;
    color: inherit;
}

.tf-collapse-content {
    overflow: hidden;
    position: relative;
    display: none;
}

.tf-collapse-content.collapsing {
    height:0;
    transition: none;
}

.bodyOverflow {
    overflow: visible !important;
}

/*** NEW CSS ***/

/* Service Boxes */
#enter_reg_popup .cd-popup-container {
    padding-top: 45px;
}

#enter_reg_popup h3 {
    margin: 0 0 20px;
}

.servicesStack {
    position: relative;
    padding: 10px 0;
    font-family: var(--tfcw-primary-font) !important;
    font-size: 15px;
    overflow: hidden;
    line-height: 1.3;
}

@media screen and (min-width: 1300px) {
    .servicesStack {
        font-size: 17px;
    }
}

/* .servicesStack.disabled .vehicleChange {
display: none;
} */

.servicesStack .vehicleChange {
    margin: 0 0 20px;
    position: relative;
    text-align: center;

}

.servicesStack h3 {
    color: var(--primary-color);
    font-size: 23px;
    font-weight: 700;
    margin: 0 0 20px;
    line-height: 1.2;
}

.servicesStack p {
    margin: 0 0 20px;
}

.servicesStack .vehicleChange a {
    color: var(--primary-color);
    text-decoration: underline;
}

.servicesStack .stacksRow {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px;
}

.servicesStack .serviceStack {
    width: 33.33%;
    padding: 25px 20px;
}

.layout-1 .servicesStack .stacksRow.level-cols-2 .serviceStack,
.layout-1 .servicesStack .stacksRow.level-cols-4 .serviceStack,
.layout-1 .servicesStack .stacksRow.level-cols-6 .serviceStack,
.layout-1 .servicesStack .stacksRow.level-cols-8 .serviceStack,
.layout-1 .servicesStack .stacksRow.level-cols-10 .serviceStack {
    width: 50%;
}

.servicesStack .serviceStack .stackBox {
    max-width: 340px;
    margin: 0 auto;
}

.layout-1 .servicesStack .stacksRow.level-cols-2 .serviceStack .stackBox,
.layout-1 .servicesStack .stacksRow.level-cols-4 .serviceStack .stackBox,
.layout-1 .servicesStack .stacksRow.level-cols-6 .serviceStack .stackBox,
.layout-1 .servicesStack .stacksRow.level-cols-8 .serviceStack .stackBox,
.layout-1 .servicesStack .stacksRow.level-cols-10 .serviceStack .stackBox {
    max-width: 450px;
}

@media screen and (min-width: 1200px) {
    .servicesStack .serviceStack .stackBox {
        max-width: 450px;
    }
}

.servicesStack .serviceStack .img-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
    margin: 0 0 30px;
}

.servicesStack .img-holder img {
    max-width: 100%;
    height: auto;
    display: block;
    max-height: 180px;
    width: auto;
    object-fit: cover;
}

.servicesStack .btn-holder {
    text-align: center;
    margin: 0 0 30px;
}

.servicesStack .btn-service {
    -webkit-appearance: none;
    box-shadow: none;
    outline: none;
    border: 0;
    background: var(--primary-color-btn);
    color: var(--primary-color-btn-text);
    font-size: 16px;
    line-height: 1.2;
    padding: 14px 5px;
    width: 100%;
    display: inline-flex;
    vertical-align: top;
    transition: all .3s ease-in-out;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    font-family: var(--tfcw-primary-font);
    font-weight: 700;
    min-height: 62px;
}

.servicesStack .btn-service.btn-new-layout,
.servicesStack .btn-service.btn-discount {
    flex-direction: column;
    gap: 4px;
    padding: 10px 5px;
}

.servicesStack .btn-service .separator {
    margin: 0 15px;
}

.servicesStack .btn-service:hover {
    background: color-mix(in srgb, var(--primary-color-btn) 100%, #000 10%);
}

.servicesStack .btn-service i {
    margin: 0 0 0 4px;
}
.servicesStack .btn-service.disabled{
    pointer-events: none;
    opacity: 1;
    background: #a2a2a2 !important;
    border-color: #a2a2a2 !important;
}
.servicesStack h4,
.servicesStack .frame-title {
    display: block;
    font-size: 17px !important;
    line-height: 1.3 !important;
    margin: 0 0 15px !important;
    font-weight: 400 !important;
    overflow: hidden;
    color: #000 !important;
}

.servicesStack .frame-title h4 {
    font-size: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.servicesStack .frame-title p {
    margin: 0 !important;
    font-size: inherit;
}

.servicesStack .frame-title * {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.servicesStack h4 strong,
.servicesStack .frame-title strong {
    font-weight: 700;
}

.servicesStack .serviceStack .text-frame {
    padding: 0 15px;
}

.servicesStack .checklist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 300;
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.servicesStack .checklist ul ul {
    padding-top: 10px;
}

.servicesStack .checklist ul li {
    position: relative;
    padding: 0 0 0 28px;
    margin: 0 0 10px !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

.servicesStack .checklist ul li a {
    color: var(--primary-color);
    cursor: pointer;
}

.servicesStack .checklist ul li a:hover {
    text-decoration: underline;
}

.servicesStack .checklist ul li:before {

    content: "\eb05";
    font-family: 'tkf-wico-icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--primary-color);
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
}

.servicesStack .serviceStack .checklist ul li a {
    color: var(--primary-color);
    text-decoration: none;
}

.servicesStack .serviceStack .checklist ul li a:hover {
    text-decoration: underline;
}

.servicesStack .btn-service {
    cursor: pointer;
}

.servicesStack.disabled .btn-service {
    background: #ddd;
    color: #c1c1c1;
    min-height: 30px;
}



.servicesStack .serviceStackInfo {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 30px;
}

.servicesStack .serviceStackInfo .img-holder {
    flex-shrink: 0;
    width: 270px;
    margin: 0 0 0 20px;
}

.servicesStack .serviceStackInfo .info-block {
    flex-grow: 1;
    overflow: hidden;
    max-width: calc(90% - 290px);
}

.servicesStack.serviceDetails .btn-holder {
    justify-content: flex-start;
    text-align: left;
}

.servicesStack.serviceDetails .btn-holder:last-child {
    margin: 0;
}

.servicesStack.serviceDetails .btn-service {
    width: auto;
    min-width: 310px;
}

.servicesStack.serviceDetails .featuresList ul {
    column-gap: 20;
    column-count: 2;
    max-width: 70%;
}

.servicesStack.serviceDetails .featuresList ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .servicesStack {
        font-size: 14px;
    }

    .servicesStack .btn-service {
        font-size: 16px;
        padding: 10px;
    }
}

@media (max-width: 1199px) {
    .servicesStack .stacksRow {
        margin: 0 -10px;
    }

    .servicesStack .serviceStack {
        padding: 20px 10px;
    }

    .servicesStack .btn-holder,
    .servicesStack .img-holder {
        margin: 0 0 20px;
    }

    .servicesStack .serviceStackInfo {
        margin: 0 0 20px;
    }

    .servicesStack .serviceStackInfo .info-block {
        max-width: none;
    }
}

@media (max-width: 1023px) {
    .servicesStack .serviceStackInfo .img-holder {
        width: 200px;
        margin: 0 0 0 10px;
    }
}

@media (max-width: 767px) {
    .servicesStack .serviceStack {
        width: 50%;
    }

    .servicesStack .serviceStackInfo {
        display: flex;
        flex-flow: column-reverse nowrap;
    }

    .servicesStack .serviceStackInfo .img-holder {
        width: 100%;
        margin: 0 0 30px;
    }

    .servicesStack .btn-service {
        font-size: 16px;
        /* min-width: 280px; */
    }

    .servicesStack .serviceStackInfo .img-holder img {
        margin: 0 auto;
    }
}

@media (max-width: 666px) {
    .servicesStack .serviceStack {
        width: 100%;
    }

    .layout-1 .servicesStack .stacksRow.level-cols-2 .serviceStack,
    .layout-1 .servicesStack .stacksRow.level-cols-4 .serviceStack,
    .layout-1 .servicesStack .stacksRow.level-cols-6 .serviceStack,
    .layout-1 .servicesStack .stacksRow.level-cols-8 .serviceStack,
    .layout-1 .servicesStack .stacksRow.level-cols-10 .serviceStack {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .servicesStack.serviceDetails .featuresList ul {
        column-count: 1;
        column-gap: 0;
    }
}


/* Widget Styles */
.widget_style_minimal {}

.widget_style_minimal .tkf-container {
    padding: 0 30px;
}

.widget_style_minimal .tkf-container .api-tabs,
.single-page-widget-cover.tkf-container .api-tabs {
    border-color: var(--primary-color);
    background: #fff;
    padding: 20px;
    box-shadow: none;

}

.widget_style_minimal .api-tabs .p-widget-title {
    background: none;
}

.widget_style_minimal .tkf-container .api-tabs>.api-tabs-content {
    background: none !important;
    border: 0;
    box-shadow: none;
    border-top: 2px solid rgba(255, 255, 255, .5);
    padding: 20px 0 0;
}

.widget_style_minimal .tkf-container .api-tabs .p-widget-title>span {
    padding: 15px 10px 13px 0;
}

.widget_style_minimal .tkf-container .api-tabs .api-tab-pane {
    padding: 0;
    color: #fff;
    border-radius: 0;
}

.widget_style_minimal .tkf-container .api-tabs .api-tab-pane p {
    display: none;
    color: #fff;
}

.widget_style_minimal .tkf-container .api-tabs .api-tab-pane>form,
.widget_style_minimal .tkf-container .api-tabs .services_form {
    margin: 0 -15px;
    overflow: hidden;
}

/* .widget_style_minimal .reg-number-plate {
    border: 0;
    border-radius: 5px !important;
    padding: 0;
    height: 45px;
} */

.widget_style_minimal .reg-number-plate input[type="text"] {
    font-size: 21px !important;
}

.widget_style_minimal .api-do-action .search-btn {
    font-size: 21px;
}

/*.widget_style_minimal .api-do-action .search-btn {
    border: 0;
    border-radius: 0;
    line-height: 25px; 
    background: color-mix(in srgb,var(--primary-color-btn),#000 50%);
}*/

@media (max-width: 767px) {
    .widget_style_minimal .api-tabs .services_form > .grid-33,
    .widget_style_minimal .api-tabs .services_form > .grid-65,
    .widget_style_minimal .api-tabs .services_form > .grid-35,
    .widget_style_minimal .api-tabs .services_form > .grid-50,
    .single-page-widget-cover .api-tabs .services_form > .grid-33,
    .single-page-widget-cover .api-tabs .services_form > .grid-65,
    .single-page-widget-cover .api-tabs .services_form > .grid-35,
    .single-page-widget-cover .api-tabs .services_form > .grid-50,
    .single-page-widget-cover .api-tabs .services_form > .grid-100 {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .widget_style_minimal .tkf-container {
        padding: 0 15px;
    }

    .widget_style_minimal .tkf-container .api-tabs {
        padding: 20px;
    }

    .widget_style_minimal .tkf-container .api-tabs>.api-tabs-content {
        padding: 0;
        border: 0;
    }

    .widget_style_minimal .api-tab-pane .services_form .api-do-action {
        padding: 0;
    }
}


body.datepicker-modal-active {
    overflow: hidden !important;
}

body.datepicker-modal-active * {
    z-index: inherit !important;
}

body.datepicker-modal-active #api_wrapper {
    z-index: 10 !important;
}
body.datepicker-modal-active .tkf-container {
    min-height: 100vh;
    z-index: 9999 !important;
}

body.datepicker-modal-active .rs_modal.rs_modal_cart {
    z-index: 99999999 !important;
}
body.datepicker-modal-active .rs_modal.rs_modal_cart .tf-loader {
    position: absolute;
}
body.datepicker-modal-active .rs_modal.rs_modal_cart .twocolumns-layout {
    position: relative;
    z-index: unset !important;
}

body.datepicker-modal-active .tf-loader {
    z-index: 999999999999 !important;
}

body.datepicker-modal-active .rs_modal.rs_modal_cart .tf-loader {
    position: absolute;
}
body.datepicker-modal-active .swal-overlay {
    z-index: 99999999 !important;
}
/* Wheel widget in cam styles  */
.tkf-container .ta-holder {
    --theme-color: var(--primary-color);
    --primary-button-color: var(--primary-color-btn);
    --primary-dark-button-color: var(--primary-button-color);

    font-weight: normal;
    line-height: 1.2;
}

.tkf-container .ta-holder .ta-home-content {
    padding: 15px;
}

.tkf-container .ta-holder .selectBox {
    background: none;
    display: block;
    border-radius: 0;
}

.tkf-container .ta-holder .selectBox:after {
    display: none;
}

.tkf-container .ta-holder .ta-dropdown-multi-select .ta-parent-select {
    min-height: 1px !important;
    background: #000000;
    border: none;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    margin-bottom: 20px;
    border-radius: 0;
}

.tkf-container .ta-holder .ta-bottom-filters .ta-dropdown-multi-select .ta-parent-select {
    background: #dfdfdf !important;
    padding: 10px !important;
    display: block;
    font-size: 18px !important;
    color: #000 !important;
    font-weight: bold !important;
    margin-bottom: 0 !important;
}

.tkf-container .ta-holder .ta-parent-select,
.tkf-container .ta-holder .ta-tsw-content .ta-parent-select {
    border: 1px solid #000 !important;
}

.tf-recommended-services {
    position: relative;
    text-align: left;
    margin: 0;
    overflow: visible;
}

.tf-recommended-services .tf-recommended-head {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: center;
    padding: 10px 0 5px;
    margin: 15px 0 0;
    border-top: 1px solid #ddd;
}

.tf-recommended-services .tf-recommended-head .recommended-title {
    display: block !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    color: var(--primary-color) !important;
    margin: 0 !important;
}
.tf-recommended-services .tf-recommended-head strong.recommended-title {
    font-weight: 600;
}

.tf-recommended-services .tf-recommended-services-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 -5px;
}

.tf-recommended-services .tf-recommended-services-row .tf-recommended-service-col {
    padding: 5px;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

@media screen and (min-width: 380px) {
    .tf-recommended-services .tf-recommended-services-row .tf-recommended-service-col {
        width: 50%;
    }
}

@media screen and (min-width: 576px) {
    .tf-recommended-services .tf-recommended-services-row .tf-recommended-service-col {
        width: 33.333%;
    }

    .tf-recommended-services .tf-recommended-services-row .tf-recommended-service-col:nth-child(3n + 3) .box .mi-content {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

.tf-recommended-services.recommended-with-services .box  {
    position: relative;
    flex-direction: column;
    width: 100%;
    /* margin-top: 0 !important; */
}

.tf-recommended-services.recommended-with-services .box .image-holder,
.tf-recommended-services.recommended-with-services .box .text-holder {
    width: 100%;
    min-height: 1px;
}

.tf-recommended-services.recommended-with-services .box .image-holder {
    height: 70px;
    flex: 0 0 auto;
    padding: 5px !important;
}

.tf-recommended-services.recommended-with-services .box .image-holder img {
    width: 50px !important;
    height: 50px !important;
}

.tf-recommended-services.recommended-with-services .box .text-holder {
    flex-direction: column;
    flex-grow: 1;
}

.tf-recommended-services.recommended-with-services .box .text-holder .title,
.tf-recommended-services.recommended-with-services .box .text-holder .bottom-info {
    padding: 8px;
    width: 100%;
    flex-grow: unset;
}

.tf-recommended-services.recommended-with-services .box .text-holder .title {
    flex-grow: 1;
}

.tf-recommended-services.recommended-with-services .box .method-info {
    display: inline-block;
    font-size: 13px !important;
    line-height: 16px !important;
    color: var(--primary-color);
}

.tf-recommended-services.recommended-with-services .box .mi-content {
    padding: 5px;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    left: -20px !important;
    transform: none !important;
    color: #000;
}

.tf-recommended-services.recommended-with-services .box .service-description .mi-content p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0 !important;
}

.tf-recommended-services.recommended-with-services .box .service-description .mi-content p:last-child {
    margin: 0 !important;
}

.tf-recommended-services.recommended-with-services .box .checkTitle {
    font-size: 13px !important;
    line-height: 16px !important;
    display: block ;
}


.tf-recommended-services.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label {
    float: none;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label:before {
    display: none !important;
}
.recommended-with-services .box .text-holder .bottom-info .custom-checkbox input[type="checkbox"] + label:after {
    transform: none !important;
    border: none !important;
}

.tkf-container .desktop-datetime {
    display: none;
}

/* .tkf-container .mobile-datetime {
    margin: 0 0 25px;
} */

@media screen and (min-width: 768px) {
    .tkf-container .desktop-datetime {
        display: block;
    }
    .tkf-container .mobile-datetime {
        display: none;
        margin: 0;
    }
}


.tkf-container .custom-select-wrapper {
    --_select-bg: #fff;
    --_select-color: #000;
    --_select-border: #ddd;
    position: relative;
    display: block;
    width: 100% !important;
    height:  auto !important;
    border: none !important;
    padding: 0 !important;
    color: #000 !important;
}

.tkf-container .custom-select-wrapper:after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Free" !important;
    font-style: normal;
    font-weight: 900;
    text-decoration: inherit;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-style: normal;
    color: var(--primary-color) !important;
    opacity: 1;
    pointer-events: none;
    
}

.tkf-container .custom-select-wrapper > .select,
.tkf-container .custom-select-wrapper > select {
    appearance: none;
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    line-height: 22px;
    border: 1px solid var(--_select-border, #ddd);
    margin: 0;
    padding: 10px !important;
    padding-right: 30px !important;
    font-weight: 400;
    outline: none;
    background: var(--_select-bg, #fff) !important;
    color: var(--_select-color, #000) !important;
    text-overflow: ellipsis;
}

.tkf-container .custom-select-wrapper > .select:disabled,
.tkf-container .custom-select-wrapper > select:disabled,
.tkf-container .custom-select-wrapper > .select[disabled],
.tkf-container .custom-select-wrapper > select[disabled],
.tkf-container .custom-select-wrapper > .select[readonly],
.tkf-container .custom-select-wrapper > select[readonly],
.tkf-container .custom-select-wrapper > .select.input-disabled,
.tkf-container .custom-select-wrapper > select.input-disabled {
    background: #ddd !important;
    color: #000 !important;
    border-color: #ccc !important;
    cursor: not-allowed;
    pointer-events: none;
}

.tkf-container .disabled {
    pointer-events: none;
    opacity: 0.6;
}


.tf-animate-pluse {
    --_pluse-size: 14px;
    position: relative;
    display: inline-flex;
    width: var(--_pluse-size);
    height: var(--_pluse-size);
    line-height: var(--_pluse-size);
    background-color: var(--primary-color);
    text-align: center;
    border-radius: 50%;
    transform: translate(3px, 2px);
    z-index: 1;

    display: none;
}

.tf-animate-pluse:after,
.tf-animate-pluse:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    transform: scale(1);
    border-radius: 50%;
    z-index: -1;
    animation: pluse-animate 1.2s ease-in-out infinite forwards;
    transform-origin: center center;
}
.tf-animate-pluse::after {
    background: color-mix(in srgb, var(--primary-color) 90%, #fff);
}
.tf-animate-pluse:before {
    background: color-mix(in srgb, var(--primary-color) 90%, #fff);
    animation-delay: -0.6s;
}
@keyframes pluse-animate {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.tf-animate-pluse-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #000;
    animation: pluse-animate-text 1.2s ease-in-out infinite forwards;
}

@keyframes pluse-animate-text {
    0%,
    100% {
        color: #000;
    }
    50% {
        color: var(--primary-color);
    }
}

@keyframes pluse-animate-border {
    0%,
    100% {
        border-color: #ddd;
    }
    50% {
        border-color: var(--primary-color);
    }
}


.tyresoft_enabled.tf-fitting-box-revamp,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp {
    border-radius: 0;
    direction: inherit;
    float: none;
    margin: -5px 0 0;
}

.tkf-product-section.set-four-section .set-four-box .tyresoft_enabled.tf-fitting-box-revamp {
    margin: 0;
    padding: 15px 15px 0;
}

.tkf-product-section.set-four-section .set-four-box .tyresoft_enabled.tf-fitting-box-revamp .app-download {
    margin: 0;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download {
    border-radius: 0 !important;
    direction: unset !important;
    background: #e8e8e8 !important;
    color: #000 !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    line-height: 13px !important;
    padding: 6px !important;
    display: flex;
    flex-flow: row nowrap;
    gap: 5px 7px;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 42px;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download:before,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download:before,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download:before {
    content: '\f1da';
    font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;
    font-weight: var(--fa-style,900) !important;
    display: block;
    flex-shrink: 0;
    font-size: 14px;
    line-height: inherit;
    color: var(--primary-color);
    display: none !important;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download *,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download *,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download * {
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    font-weight: inherit !important;
    margin: 0 !important;
    font-style: normal !important;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download strong,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download strong,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download strong {
    font-weight: 600 !important;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download > label,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download > label,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download > label {
    cursor: default;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-text,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-text,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-text,
.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note {
    display: block;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info {
    display: inline-block !important;
}


.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .fa,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .fa,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .fa {
    display: inline-block;
    font-weight: 900 !important;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup-trigger,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup-trigger,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup-trigger {
    cursor: pointer;
    position: relative;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup-trigger:after,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup-trigger:after,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup-trigger:after {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #000 !important;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .cd-popup-container,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .cd-popup-container,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .cd-popup-container {
    margin: auto !important;
    max-width: 460px;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogHeader,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogHeader,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogHeader {
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    color: #000 !important;
}
.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogHeader .cd-popup-close,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogHeader .cd-popup-close,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogHeader .cd-popup-close {
    right: 12px;
    top: 11px;
    font-size: 18px !important;
    line-height: 1 !important;
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogFooter .cd-popup-close,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogFooter .cd-popup-close,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogFooter .cd-popup-close {
    font-size: 12px !important;
    line-height: 16px !important;
    max-width: 100% !important;
    color: var(--primary-color-btn-text) !important;
    background: var(--primary-color-btn);
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogFooter .cd-popup-close:hover,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogFooter .cd-popup-close:hover,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .cd-popup .dialogFooter .cd-popup-close:hover {
    background: color-mix(in srgb, var(--primary-color-btn), #000 10%);
}



.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .mi-content,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .mi-content,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-note-info .mi-content {
    padding: 8px !important;
    margin: 3px 0 0 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    text-align: left;
    font-size: inherit;
    line-height: inherit;
    color: #000;
    text-transform: none !important;
    transform: translateX(-70%) !important;
    /* left: auto !important;
    right: -20px !important; */
}

.tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-slot-alert,
.tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-slot-alert,
.tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download .fitting-slot-alert {
    display: inline-block !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    text-align: center !important;
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 600 !important;
    background: var(--primary-color-btn);
    margin: 2px 0 0 !important;
    animation: tf-blink 0.5s ease-in-out infinite alternate;
    position: static !important;
    color: inherit !important;

}

@keyframes tf-blink {
    0% {
        background: color-mix(in srgb, var(--primary-color-btn), #fff 80%);
    }
    100% {
        background: color-mix(in srgb, var(--primary-color-btn), #fff 50%);
    }
}


@media screen and (min-width: 768px) {
    
    .tyresoft_enabled.tf-fitting-box-revamp .app-download,
    .tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download,
    .tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download {
        font-size: 11px !important;
        line-height: 15px !important;
    }

    .tyresoft_enabled.tf-fitting-box-revamp .app-download:before,
    .tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download:before,
    .tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download:before {
        font-size: 12px;
    }
}

@media screen and (min-width: 1400px) {
    
    .tyresoft_enabled.tf-fitting-box-revamp .app-download,
    .tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download,
    .tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download {
        font-size: 12px !important;
        line-height: 15px !important;
        gap: 5px 8px;
    }

    .tyresoft_enabled.tf-fitting-box-revamp .app-download:before,
    .tkf-product-section.tkf-product-list .tkf-product .tyresoft_enabled.tf-fitting-box-revamp .app-download:before,
    .tkf-product .tkf-product-header .tyresoft_enabled.tf-fitting-box-revamp .app-download:before {
        font-size: 14px;
    }
}

/* Select2 : Start */
.select2-dropdown {
    font-family: var(--tfcw-primary-font);
    font-size: 16px !important;
    line-height: 22px !important;
    color: #000 !important;
}

.select2-dropdown * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}
.tkf-select2 + .select2 {
    text-align: left !important;
    position: relative !important;
    width: 100% !important;
    display: block !important;
    font-family: var(--tfcw-primary-font);
    font-size: 16px !important;
    line-height: 22px !important;
}

.tkf-select2 + .select2 * {
    font-family: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
}

.tkf-select2 + .select2 .select2-selection {
    border-radius: 0 !important;
    display: block;
    width: 100% !important;
    height: 44px !important;
    border: 1px solid #ddd !important;
    margin: 0 !important;
    padding: 10px 15px !important;
    font-weight: 400 !important;
    outline: none !important;
    background: #fff !important;
    color: #000 !important;
}

/* .salutation-select-wrapper .tkf-select2 + .select2 .select2-selection,
.select-r-option .tkf-select2 + .select2 .select2-selection{
    border-color: transparent !important;
} */

.tkf-select2 + .select2 .select2-selection .select2-selection__arrow {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    width: 34px !important;
}

.tkf-select2 + .select2 .select2-selection .select2-selection__arrow:after {
    content: "\f0dc";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    pointer-events: none;
    color: var(--primary-color) !important; 
}

.tkf-select2 + .select2 .select2-selection .select2-selection__arrow b {
    display: none !important;
}

.tkf-select2 + .select2 .select2-selection .select2-selection__rendered {
    padding-right: 20px !important;
    padding-left: 0 !important;
}

/* Select2 : End */


.tkf-container * input:focus::placeholder,
.tkf-container * input[type="text"]:focus::placeholder,
.tkf-container * input[type="tel"]:focus::placeholder,
.tkf-container * input[type="email"]:focus::placeholder,
.tkf-container * input[type="number"]:focus::placeholder,
.tkf-container * textarea:focus::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.tkf-container * input:focus:-ms-input-placeholder,
.tkf-container * input[type="text"]:focus:-ms-input-placeholder,
.tkf-container * input[type="tel"]:focus:-ms-input-placeholder,
.tkf-container * input[type="email"]:focus:-ms-input-placeholder,
.tkf-container * input[type="number"]:focus:-ms-input-placeholder,
.tkf-container * textarea:focus:-ms-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.tkf-container * input:focus::-ms-input-placeholder,
.tkf-container * input[type="text"]:focus::-ms-input-placeholder,
.tkf-container * input[type="tel"]:focus::-ms-input-placeholder,
.tkf-container * input[type="email"]:focus::-ms-input-placeholder,
.tkf-container * input[type="number"]:focus::-ms-input-placeholder,
.tkf-container * textarea:focus::-ms-input-placeholder {
    color: transparent !important;
    opacity: 0 !important;
}


.tf-vehicle-type-wrap {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 17px;
    color: #000;
    color: var(--primary-color);
    margin: 0 2px 0 0;

    svg,
    img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

.tf-title-tooltip-wrapper {
    position: relative;
}

.tf-title-tooltip-wrapper:hover .tf-title-tooltip,
.tf-title-tooltip-wrapper:focus .tf-title-tooltip,
.tf-title-tooltip-wrapper > img:hover ~ .tf-title-tooltip,
.tf-title-tooltip-wrapper > img:focus ~ .tf-title-tooltip {
    opacity: 1;
    visibility: visible;
}
.tf-title-tooltip {
    position: absolute;
    bottom: 100%;
    left: 100%;
    transform: translate(0, 0);
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 15px;
    color: #000;
    width: 120px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.45s ease;
    margin: -15px;
    padding: 15px;
    box-sizing: content-box;
}

.tf-title-tooltip .tf-title-tooltip-content {
    display: block;
    width: 100%;
    padding: 8px;
    background: color-mix(in srgb, var(--primary-color), #fff 95%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid color-mix(in srgb, var(--primary-color), #fff 50%);
    border-radius: 5px;
    color: color-mix(in srgb, var(--primary-color), #000 15%);
    font-size: inherit;
    line-height: inherit;
    text-align: center;
    text-wrap: balance;
}

.tf-title-tooltip .tf-title-tooltip-content p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0 !important;
}

@media screen and (min-width: 801px) {

    .tkf-product-list .tkf-heroBoxes .tf-title-tooltip {
        bottom: auto;
        top: 100%;
    }
}

.tkf-product-list .tf-title-tooltip-box .trye-approved-brands {
    flex-direction: row;
    align-items: flex-start;
}
@media screen and (min-width: 992px) {
    
    .tkf-product-section.tkf-product-list .tf-title-tooltip-box .tf-title-tooltip {
        bottom: auto;
        top: 100%;
    }
}

.tkf-product .tyre-feature-icons {
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
    margin: 0 8px 0 0 !important;
    
}

.tkf-product .tyre-feature-icons .tyre-feature-box {
    --_tfIcon-size: 32px;
    --_tfIcon-color: #000;
    --_tfIcon-bg-color: color-mix(in srgb, var(--_tfIcon-color), #fff 90%);
    --_tfIcon-border-color: color-mix(in srgb, var(--_tfIcon-color), #fff 20%);
    --_tfIcon-border-radius: 50%;
    --_tfIcon-border-width: 2px;
    --_tfIcon-line-height: calc(var(--_tfIcon-size) - var(--_tfIcon-border-width) * 2);
    --_tfIcon-font-size: calc(var(--_tfIcon-size) * 0.5);
    display: block;
    flex-shrink: 0;
}

.tkf-product .tyre-feature-icons .tyre-feature-box.ev-icon-box {
    --_tfIcon-color: #15C715;
}

.tkf-product .tyre-feature-icons .tyre-feature-box.ev-icon-box-2 {
    --_tfIcon-color: #007bff;
}

.tkf-product .tyre-feature-icons .tyre-feature-box.primary-icon-box {
    --_tfIcon-color: var(--primary-color);
}

.tkf-product .tyre-feature-icons .feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--_tfIcon-size) !important;
    height: var(--_tfIcon-size) !important;
    background: var(--_tfIcon-bg-color) !important;
    border: solid var(--_tfIcon-border-color) !important;
    border-width: var(--_tfIcon-border-width) !important;
    border-radius: var(--_tfIcon-border-radius) !important;
    color: var(--_tfIcon-color) !important;
    font-size: var(--_tfIcon-font-size) !important;
    line-height: var(--_tfIcon-line-height) !important;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

.tkf-product .tyre-feature-icons .cd-popup {
    color: #000 !important;
    text-align: left;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 300 !important;
}
.tkf-product .tyre-feature-icons .cd-popup .dialogContent {
    padding: 20px 15px;
}

.tkf-product .tyre-feature-icons .cd-popup .model-detail,
.tkf-product .tyre-feature-icons .cd-popup .right-block,
.tkf-product .tyre-feature-icons .cd-popup .left-block {
    float: none;
    width: 100%;
    color: #000;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 300 !important;
    margin: 0;
    padding: 0;
}

.tkf-product .tyre-feature-icons .cd-popup .right-block h5 {
    margin: 0 0 2px !important;
    font-size: 15px !important;
    font-weight: 700 !important;   
    color: #000 !important;
}

.tkf-product .tyre-feature-icons .cd-popup .detail-block {
    margin:  0 0 20px;
}

.tkf-product .tyre-feature-icons .cd-popup .detail-block:last-child {
    margin: 0;
}

.tkf-product .tyre-feature-icons .cd-popup p {
    margin: 0 !important;
    font-size: inherit !important;
    color: #000 !important;
    line-height:  inherit !important;
    font-weight: inherit !important;
}


/* Services Box revamp: Start */

.recommended-with-services.service-box-revamp .box {
    --_imageInverded: var(--serviceImageFilter, brightness(30%));
    --_border-color: color-mix(in srgb, var(--primary-color), #fff 75%);
    --_background-color: color-mix(in srgb, var(--primary-color), #fff 90%);
    border-color: var(--_border-color) !important;
}

.recommended-with-services.service-box-revamp .box .image-holder {
    background: var(--_background-color) !important;
    border: solid var(--_border-color);
    border-width: 0 0 1px;
}
@media screen and (min-width: 768px) {
    .recommended-with-services.service-box-revamp .box .image-holder {
        border-width: 0 1px 0 0;
    }
    
}
.recommended-with-services.service-box-revamp:not(.no-filter) .box .image-holder img {
    filter: brightness(30%);
}

.recommended-with-services.service-box-revamp.service-img-inverved:not(.no-filter) .box .image-holder img {
    filter: var(--_imageInverded);
}

.recommended-with-services.service-box-revamp .box .image-holder img.no-filter,
.recommended-with-services.service-box-revamp.service-img-inverved .box .image-holder img.no-filter {
    filter: none !important;
}

.tf-recommended-services.recommended-with-services.service-box-revamp .box .image-holder {
    border-width: 0 0 1px;
}

/* Services Box revamp: End */


.tkf-container .tf-btn-animate {
    background: none !important;
    border-color: transparent !important;
    position: relative;
    z-index: 1;
}

body.datepicker-modal-active .tkf-container .tf-btn-animate {
    z-index: 2 !important;
}

.tkf-container .tf-btn-animate:before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    /* width: 100%;
    height: 100%; */
    background: var(--primary-color-btn);
    animation: tf-btn-animate 0.5s ease-in-out infinite alternate;
    z-index: -1;
    border-radius: 1px;
    box-shadow: 0 2px 5px rgba(var(--primary-color-rgb), 0.5);
}

@keyframes tf-btn-animate {
    0% {
        background: color-mix(in srgb, var(--primary-color-btn), #fff 15%);
        box-shadow: 0 0 5px rgba(var(--primary-color-rgb), 0.5);
    }
    100% {
        background: color-mix(in srgb, var(--primary-color-btn), #fff 0%);
        box-shadow: 0 0 8px rgba(var(--primary-color-rgb), 0.75);
    }
}

.tf-read-more-wrapper {
    position: relative;
    overflow: hidden;
}

.tf-read-more-wrapper .read-more-content {
    transition: all 0.3s ease;
    overflow: hidden;
    margin: 0 0 5px;
    color: #2e2e2e;
}

.tf-read-more-wrapper  .read-more-btn {
    background: var(--primary-color-btn);
    border: 1px solid transparent;
    color: var(--primary-color-btn-text);
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 8px;
    display: inline-flex;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
    flex-flow: row nowrap;
    align-items: center;
    gap: 5px;
    justify-content: center;
    transform-origin: center;
}

.tf-read-more-wrapper .read-more-btn:after {
    content: '';
    display: none;
    width: 8px;
    height: 8px;
    border: solid currentColor; 
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin: -2px 0 0;
    
}

.tf-read-more-wrapper .read-more-btn-wrap {
    display: none;
}



.tkf-container .input-disabled,
.tkf-container input:disabled,
.tkf-container input[disabled] {
    background: #ddd !important;
    color: #000 !important;
    border-color: #ccc !important;
    cursor: not-allowed;
    pointer-events: none;
}

/* Live Search : Start */

/* Live Search : Default Reset - Start */


.tkf-container.ls-wrapper,
.tkf-container.ls-wrapper > *,
.tkf-container.ls-wrapper .api-tabs,
.tkf-container.ls-wrapper .api-tabs > *,
.tkf-container.ls-wrapper.new-layout .api-tabs .api-tabs-content,
.tkf-container.ls-wrapper.new-layout .api-tabs .api-tabs-content .api-tab-pane {
    float: none;
}

/* .tkf-container.ls-wrapper {
    overflow: visible;
}

.tkf-container.ls-wrapper.new-layout .api-tabs .api-tabs-content {
    overflow: visible;
}

.tkf-container.ls-wrapper.new-layout .api-tabs .api-tabs-content .api-tab-pane {
    overflow: visible;
}

.tkf-container.ls-wrapper.new-layout .api-tabs .api-tabs-content .api-tab-pane:after {
    content: "";
    clear: both;
    display: table;
} */

/* Live Search : Default Reset - End */

.tkf-container .live-search-wrap {
    position: relative;
    font-family: var(--tfcw-primary-font);
}

.tkf-container .tf-live-search-list[data-for] {
    display: none !important;
}

.tf-live-search-list {
    --tfls-width: 100%;
    --tfls-height: 200px;
    --tfls-bg: #161515;
    --tfls-border-size: 1px;
    --tfls-border-color: rgba(0, 0, 0, 0.2);
    --tfls-border: var(--tfls-border-size) solid var(--tfls-border-color);
    --tfls-border-radius: 5px;
    --tfls-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    --tfls-font-size: 14px;
    --tfls-line-height: 1.5;
    --tfls-color: #fff;
    --tfls-font-weight: 400;
    --tfls-padding: 8px 15px;
    --tfls-margin: 0;
    --tfls-hover-color: color-mix(in srgb, var(--primary-color-btn, #2f2f2f), #000 40%);
    --tfls-hover-bg: color-mix(in srgb, var(--primary-color-btn, #2f2f2f), #fff 90%);
    --tfls-transition: all 0.3s ease;
    --tfls-font-family: var(--tfcw-primary-font, "Arial, Helvetica, sans-serif");
    
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9999;
    width: var(--tfls-width);
    background: var(--tfls-bg) !important;
    border: var(--tfls-border) !important;
    border-radius: 0 0 var(--tfls-border-radius) var(--tfls-border-radius);
    box-shadow: var(--tfls-box-shadow);
    max-height: var(--tfls-height);
    overflow-y: auto;
    overflow-x: hidden;
    display: none;
    transition: var(--tfls-transition);
    font-family: var(--tfls-font-family);
    /* opacity: 0;
    visibility: hidden; */
}

.tf-live-search-list > li {
    padding: var(--tfls-padding);
    font-size: var(--tfls-font-size);
    line-height: var(--tfls-line-height);
    font-weight: var(--tfls-font-weight);
    color: var(--tfls-color);
    cursor: pointer;
    border-bottom: var(--tfls-border);
    transition: var(--tfls-transition);
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: none;
    text-wrap: balance;
}

.tf-live-search-list > li:hover,
.tf-live-search-list > li:focus,
.tf-live-search-list > li:active,
.tf-live-search-list > li.highlighted {
    color: var(--tfls-hover-color, #4d4d4d);
    background: var(--tfls-hover-bg, #eee);
}

.tf-live-search-list > li:last-child {
    border-bottom: none;
}


.rim-size-wrapper.live-search-block .live-search-wrap {
    width: 100%;
}

.rim-size-wrapper.live-search-block .live-search-wrap .reg-number-plate {
    margin: 0 !important;
    /* border-color: transparent !important; */
}
.rim-size-wrapper.live-search-block .live-search-wrap .reg-number-plate input[type="text"] {
    font-size: 22px !important;
}


.rim-size-wrapper.live-search-block .submit-refine,
.rim-size-wrapper.live-search-block .refine-result,
.rim-size-wrapper.live-search-block .btn-tkf-2 {
    font-size: 16px;
    line-height: 20px;
    border: 0;
    padding: 13px;
}

.tkf-container.ls-wrapper .refinedTyreChoice .rim-size {
    font-size: 16px;
    line-height: 20px;
    /* padding: 7px 15px;
    border: 1px solid color-mix(in srgb, var(--primary-color), #fff 40%);
    background: color-mix(in srgb, var(--primary-color), #fff 85%);
    color: var(--primary-color); */
    margin: 0;
    flex-grow: 1;
}

.tkf-container.ls-wrapper .refinedTyreChoice .values {
    flex-grow: 1;
}

/* .tkf-container.ls-wrapper .refinedTyreChoice .change-filter {
    margin: 0;
} */

/* Live Search : End */