/*   
Theme Name: srapanycar
Theme URI: newTheme
Description: This is an exclusive, fully SEO optimized Wordpress theme developed by newTheme for newTheme website.
Author: newTheme
Author URI: newTheme
*/

@charset "UTF-8";

/**********Globle Css**********/

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Outfit", sans-serif;
    font-size: 20px;
    color: #000;
    line-height: 25.2px;
    background: #fff;
    font-weight: 400;
}
body.page-template-template-recent-leads {
    background-color: #F5F5F5;
}
body.page-template-template-recent-leads .pagination {
    justify-content: center;
    background: #ffffff;
    gap:10px;
    padding-top: 40px;
    padding-bottom: 40px;
}
body.page-template-template-recent-leads .pagination .page-numbers {
    display: inline-block;
    width:22px;
    height: 22px;
    line-height:22px;
    border-radius: 100%;
    text-decoration: none;
    color:#484848;
    text-align:center;
    font-size: 12px;
    font-weight: 400;
}
body.page-template-template-recent-leads .pagination .page-numbers.prev,
body.page-template-template-recent-leads .pagination .page-numbers.next {
    margin-top: -3px;
}
body.page-template-template-recent-leads .pagination .page-numbers.current {
    color:#ffffff;
    background-color: #006DF0;
}
/* body.page-template-template-become-buyer .buyer-apply-form .container,
body.page-template-template-become-buyer .buyer-join .container,
body.page-template-template-become-buyer .quoteInfo .container,
body.page-template-template-become-buyer .buyer-signup .container {padding-left:18px; padding-right: 18px;} */

body.page-template-template-details .site-footer,
body.page-template-template-quote .site-footer,
body.page-template-template-thankyou .site-footer,
body.page-template-template-become-buyer .site-footer,
body.page-template-template-recent-leads .site-footer {
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}
body.page-template-template-details .site-footer .footerBlocks,
body.page-template-template-quote .site-footer .footerBlocks,
body.page-template-template-thankyou .site-footer .footerBlocks,
body.page-template-template-become-buyer .site-footer .footerBlocks,
body.page-template-template-recent-leads .site-footer .footerBlocks {gap:0; padding-bottom: 40px;}

body.page-template-template-details .site-footer .logoCol,
body.page-template-template-quote .site-footer .logoCol,
body.page-template-template-thankyou .site-footer .logoCol,
body.page-template-template-become-buyer .site-footer .logoCol,
body.page-template-template-recent-leads .site-footer .logoCol {
    padding-top: 40px;
    padding-bottom: 40px;
}
.page-template-template-recent-leads .quoteInfo.secitionSpace {
    padding-top: 0;
    padding-bottom: 0;
}
.page-template-template-recent-leads h5.h2 {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 1;
    text-align: center;
    color: #9A9EA6;
    margin: 0;
}
.recent-leads-slide h2 {min-height: 48px;}
#leads-slider {
    background-color: #f5f5f5;
}
#leads-slider .recent-title {background-color: transparent;}
.recent-leads-slider .slick-slide {padding: 5px!important;}
.recent-leads-slider .slick-dots {
    display: flex;
    gap:10px;
    margin-top: 40px;
    justify-content: center;
    align-items: center;
}
.recent-leads-slider .slick-dots span {
    width: 13px;
    height:13px;
    display: inline-block;
    border-radius: 100%;
    background-color: #D9D9D9;
}
.recent-leads-slider .slick-dots .slick-active span {
    background-color: #646464;
}
/* .page-template-template-recent-leads .quoteInfo.secitionSpace .container {padding-bottom: 80px;} */
.password-format {color:#000000;}
 .recent-title {
      font-size: 36px;
      line-height: 40px;
      font-weight: 700;
      background-color: #ffffff;
      padding: 33px 53px;
      margin-bottom: 30px;
    }
    .recent-title:before {display: none;}
.page-from-to {
    font-size: 15px;
    font-weight: 400;
    color: #9C9C9C;
    text-align: center;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 8px;
}

.container {
    max-width: 1240px;
}

.container.container-move-right {
    width: 100%;
    max-width: 100%;
    padding-left: calc((100vw - 1170px) / 2);
}

.container.container-move-left {
    width: 100%;
    max-width: 100%;
    padding-right: calc((100vw - 1170px) / 2);
}

.sectionSpace {
    padding: 100px 0;
}

h1,
.h1 {
    font-size: 50px;
    line-height: 63px;
    font-weight: 500;
}

h2,
.h2 {
    font-size: 40px;
    line-height: 50.4px;
    font-weight: 500;
}

h3,
.h3 {
    font-size: 25px;
    line-height: 31.5px;
    font-weight: 400;
}


ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

img {
    max-width: 100%;
}

.secitionSpace {
    padding: 115px 0;
}

.bgGreen {
    background: #1B512D;
}

input::placeholder {
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.5;

}

input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: rgba(0, 0, 0, 0.5);
    opacity: 0.5;
}

.quotPageinfo .quoteFormInput input::placeholder {
    color: #000;
    opacity: 1;
}

.quotPageinfo .quoteFormInput input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: rgba(0, 0, 0, 0.5);
    opacity: 1;
}

/**********Globle Css**********/

/**********Starts Of header**********/
.containerHeader {
    max-width: calc(100% - 100px);
    width: 100%;
    margin: 0 auto;
}

.headerContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.headerPhone span {
    font-size: 15px;
    color: #141414;
}

.headerPhone .call a {
    font-size: 25px;
    font-weight: 700;
    text-decoration: none;
    color: #01BB2A;
}

.headerPhone {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    justify-content: end;
}

.site-header {
    padding: 24px 0;
}

.headerPhone .call img {
    position: absolute;
    left: -40px;
    bottom: 0;
    width: 28px;
    height: 28px;
}

/**********Starts Of buyer signup page **********/
.buyer-apply-form {
    background-color: #f5f5f5;
}
.buyer-apply-form .error {text-align: left; display: block;}
.buyer-apply-form .quotPageinfo {margin-bottom: 0;}
.buyer-apply-form #submitBtn {
    background-color: #005ECE;
    border-radius: 10px;
    padding: 17px 20px;
}
#leads-slider {padding: 56px 0;}
#leads-slider .recent-title {padding: 0;}
#leads-slider .recent-title,
.buyer-title {
    font-size: 32px;
    font-weight: 600;
    color:#000000;
    line-height: 1.25;
    margin-bottom: 25px;
}
#leads-slider .recent-title {
    font-size: 40px;       
    font-weight: 500;         
}
.buyer-title.apply {margin-top: 24px;}
.buyer-title + p {
    font-size: 25px;
    font-weight: 300;
    color:#5F6368;
    line-height: 1.25;
    margin-bottom: 40px!important;
}
.buyer-image {
    overflow:hidden;
    width: 100%;
    height:650px;
}
.buyer-image img {
    width: 100%;
    height: 100%;
    object-fit:cover;
    object-position:center;
}
.buyer-faq-parent {
    background-color: #F5F5F5;
}
.buyer-apply-form,
.buyer-faq-parent,
.buyer-join {
    padding: 56px 0;
}
.buyer-join ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.buyer-join ul li {
    font-size: 20px;
    font-weight: 300;
    color:#5F6368;
    line-height:1;
    position: relative;
    padding-left: 40px;
}
.buyer-join ul li:not(:last-child) {margin-bottom: 38px;}
.buyer-join ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-image: url('/wp-content/uploads/2026/08/Vector.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 22px;
}
#buyer-signup-faq .accordion-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
}
#buyer-signup-faq .accordion-container > div {width: 100%;}
#buyer-signup-faq .set a {
    padding-left: 15px;
    padding-right: 55px;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    min-height: 84px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#buyer-signup-faq .set i {
    position: absolute;
    right: 15px;
    top: -2px;
    height: 100%;
    width: 12px;
}
#buyer-signup-faq .set i:before {
    top: 0;
    bottom:0;
    right:0;
    margin: auto;
}
#buyer-signup-faq .content p {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.buyer-faq-title {
    margin-bottom: 36px!important;
}
#buyer-signup-faq .accordion-container {border-top: none;}
#buyer-signup-faq .FAQ_div > div {background-color: #ffffff;}
/**********ends Of buyer signup page **********/
/**********Starts Of MainContent**********/

.instantQuote .titleBlock span {
    color: #01BB2A;
}

.instantQuote {
    padding: 100px 0;
}

.instantQuote .titleBlock span,
.instantQuote .titleBlock b,
.instantQuote .titleBlock strong {
    color: #01BB2A;
}

.quoteFormBlock,
.quoteFormBtn {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
}

.quoteFormBtn svg {
    margin-left: 8px;
}

.quoteFormInput {
    display: flex;
    width: 100%;
    border: 1.5px solid #000;
    border-radius: 15px;
    justify-content: start;
    position: relative;
}

label#registration-error {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: -30px;
}

.quoteFormInput .inputBlock input:focus {
    outline: 1px solid #000;
}

.quoteFormInput .textBlock {
    background: #006DF0;
    display: flex;
    flex-direction: column;
    width: 50px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    border-radius: 13px 0px 0 13px;
    gap: 10px;
    color: #fff;
}

.quoteFormInput .inputBlock {
    width: calc(100% - 50px);
}

.quoteFormInput .inputBlock input {
    width: 100%;
    height: 100%;
    border: none;
    text-align: center;
    font-size: 33px;
    font-weight: 400;
    border-radius: 0 15px 15px 0px;
    color: #000;
    text-transform: uppercase;
}

.topFixedQuote .quoteFormInput .inputBlock input {
    border-radius: 0;
}

.quoteFormBtn button {
    background: #01BB2A;
    color: #fff;
    border: none;
    padding: 17px 80px;
    border-radius: 12px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.25px;
    transition: 0.5s;
    font-weight: 400;
}

.bgGreen .quoteFormBtn button {
    background: #01BB2A;
}

.bgGreen .quoteFormBtn button:hover {
    background: #006DF0;
}

.quoteFormBtn button:hover {
    background: #006DF0;
    transition: 0.5s;
}

.instantQuote h1,
.instantQuote p {
    margin: 0;
}

.instantQuote .titleBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.instantQuote.bgGreen h2 {
    margin: 0;
}

.freeCollections {
    background: url(assets/images/collection-bg.png);
    background-size: cover;
    position: relative;
    padding-top: 250px;
}

.freeCollections:before {
    content: "";
    background: url(assets/images/Car-animation.svg);
}

.freeCollections .freeCollectionsSteps {
    display: flex;
    text-align: center;
    justify-content: space-between;
    padding-left: 40px;
}

.freeCollections .freeCollectionsSteps .stepsOuter {
    border-radius: 10px;
    max-width: 185px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.freeCollections .freeCollectionsSteps .stepsOuter .stepsBlock {
    background: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    height: 100%;
    position: relative;
}

.freeCollectionsSteps .stepsBlock p:last-child {
    margin: 0;
}

.freeCollections .freeCollectionsSteps .stepsOuter span {
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
    display: block;
}

.freeCollections .freeCollectionsSteps .stepsOuter .stepsBlock:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 7px;
    background: url(assets/images/dots.svg);
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: contain;
    background-position: center center;
}

.freeCollections .freeCollectionsSteps .stepsOuter .steps {
    height: 100%;
}

.freeCollections .freeCollectionsSteps .stepsOuter:last-child .stepsBlock:after {
    display: none;
}

.freeCollections .titleBlock {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-top: 25px;
}

.freeCollectionsSteps .stepsBlock p {
    color: #141414;
}

.freeCollections .titleBlock h2 {
    color: #fff;
    margin: 0;
}

.freeCollections .titleBlock p {
    margin: 0;
    color: rgba(0, 0, 0, 0.5);
    padding-right: 50px;
}

.titleWithLine h2 {
    position: relative;
    padding-bottom: 115px;
}

.titleWithLine h2 span {
    color: #01BB2A;
}

.titleWithLine h2:after {
    content: "";
    position: absolute;
    width: 135px;
    height: 2px;
    background: #D9D9D9;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 57px;
}

.bestPrice .titleWithLine {
    padding-bottom: 115px;
}

div p:last-child {
    margin: 0;
    padding: 0;
}

.bestPrice p {
    font-weight: 300;
    line-height: 26px;
}

.whyChooseCarouter {
    background: #F5F5F5;
    padding: 50px 50px;
    border-radius: 10px;
}

.whyChooseCar h2 {
    margin: 0 0 100px;
}

.bestPrice h2 span {
    color: #01BB2A;
}

.carBlock {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.carBlock h3 {
    margin: 0 0 15px;
}

.whyChooseCar .col-lg-6 {
    margin-bottom: 60px;
}

.carBlock p {
    font-size: 15px;
    line-height: 19px;
    padding: 0 50px !important;
    opacity: 0.5;
    font-weight: 300;
}

.hs-responsive-embed-youtube {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 Aspect Ratio */
    padding-top: 25px;
}

.hs-responsive-embed-youtube iframe {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
}

.videoSection {
    background: #F5F5F5;
}

.videoSection .titleWithLine {
    max-width: 75%;
    margin: 0 auto;
}

.instantQuote.bgGreen h2,
.instantQuote.bgGreen p {
    color: #fff;
}

.quoteForm {
    max-width: 650px;
    margin: 0 auto;
}

.footerBlocks {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
    align-items: center;
}

.footerBlocks .navCol ul {
    display: flex;
    justify-content: center;
    gap: 25px;
}

.footerBlocks .navCol ul li a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    color: #141414;
}

.copy {
    font-size: 18px;
    color: #9A9EA6;
}

.footerBlocks .navCol ul li a:hover {
    color: #01BB2A;
}

.logoCol {
    max-width: 350px;
    text-align: center;
}

div#badge-ribbon {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

div#badge-ribbon iframe {
    width: auto;
    height: 60px;
}

/******* Site Accordian **********/

.faqsContent {
    width: 100%;
}

.accordion-container {
    position: relative;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
}

.accordion-container>h2 {
    text-align: center;
    color: #fff;
    padding-bottom: 5px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.set {
    position: relative;
    width: 100%;
    height: auto;
    background-color: transparent;
    text-align: left;
    border-bottom: 1px solid #fff;
}

.set>a {
    display: block;
    padding: 15px 0px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 20px;
    line-height: 25px;
}

.set>a i {
    float: right;
    margin-top: 2px;
}

.set>a.active {
    background-color: transparent;
    color: #000;
}

.content {
    background-color: transparent;
    display: none;
}

.content p {
    padding: 0px 0px 15px !important;
    margin: 0;
    color: #000;
    font-size: 15px;
    font-weight: 300;
}

.set>a i.fa {
    position: relative;
}

.set>a i.fa-plusN:before,
.set>a i.fa-minusN:before {
    position: absolute;
    right: 10px;
    top: 8px;
}

.set>a i.fa-plusN:before {
    content: "";
    background: url(assets/images/arrow-down.svg);
    font-style: normal;
    width: 12px;
    height: 7px;
}

.set>a i.fa-minusN:before {
    content: "";
    background: url(assets/images/cancel.svg);
    font-style: normal;
    width: 12px;
    height: 12px;
}

.topFixedQuote.instantQuoteFixed .quoteFormBtn button:hover {
    background: #006DF0;
}

.topFixedQuote.instantQuoteFixed .quoteFormBtn button {
    font-size: 19px;
    background: #01BB2A;
}

.faqSection .leftOfferContent,
.faqSection .RightOfferContent {
    width: 100% !important;
    margin: 0;
}

.faqSection .contentMainDiv {
    flex-wrap: wrap;
    gap: 0;
}

.faqSection .leftOfferContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.faqSection .leftOfferContent .btnBlock a {
    display: flex;
    border: 1px solid #FDDCAB;
    padding: 12px 24px;
    border-radius: 8px;
    background: #FFF9F0;
    z-index: 1;
    position: relative;
    transition: 0.5s;
}

.faqSection .leftOfferContent .btnBlock a:hover {
    background: #F8C864;
    transition: 0.5s;
}

.faqSection .faqsContent .accordion-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #fff;
}

.faqSection .faqsContent .accordion-container .set {
    width: 100%;
    border: 1px solid #CFCFCF;
    border-radius: 10px;
    margin: 0 0 15px;
    padding: 0 15px;
}

.faqSection .faqsContent .accordion-container>div {
    width: 48%;
}

.faqSection .leftOfferContent h2 {
    margin: 0;
}

.topFixedQuote {
    position: fixed;
    top: -100%;
    width: 100%;
    background: #fff;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    left: 0;
    right: 0;
    transition: 0.7s;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    flex-wrap: wrap;
}

.topFixedQuote .quoteCol {
    width: 33.33%;
}

.topFixedQuote .quoteCol p b,
.topFixedQuote .quoteCol p strong {
    color: #01BB2A;
}

.topFixedQuote .quoteFormInput .inputBlock input {
    font-size: 26px;
}

.topFixedQuote .quoteFormInput .textBlock img {
    width: 20px;
}

.topFixedQuote .quoteFormInput .textBlock {
    gap: 3px;
    padding: 5px;
    font-size: 14px;
    width: 40px;
}

.topFixedQuote.instantQuoteFixed {
    top: 0;
    transition: 0.7s;
}

.quoteFormBtnMob {
    display: none;
}

.instantQuote .titleBlock p {
    color: rgba(0, 0, 0, 0.5);
}

.instantQuote.bgGreen .titleBlock p {
    color: #fff
}

.vahicleInfo {
    text-align: center;
    font-size: 25px;
    color: #000;
    font-weight: 500;
}

.quotPageinfo {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto 50px;
    max-width: 364px;
}
.buyer-apply-form .quotPageinfo {
    max-width: 575px;
    width: 100%;
}
.fillIntro input {
    width: 100%;
    padding: 10px;
    border: 1.6px solid #CFCFCF;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 300;
}
.buyer-apply-form .fillIntro input {
    padding: 14px;
    border-radius: 6px;
}
.fillIntro input + span {
    font-size: 12px;
    font-weight: 300;
    color: #979797;
    text-align: left;
    width: 100%;
    display: block;
}

.buyer-apply-form  .fillIntro input::placeholder {
    font-size: 20px;
    font-weight: 300;
    color:rgba(0,0,0,1);
}

.fillIntro {
    border: 1.6px solid #CFCFCF;
    border-radius: 9px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.buyer-apply-form .fillIntro {
    background-color: #ffffff;    
}

.fillIntro p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
}
.buyer-apply-form .fillIntro p {
    font-size: 25px;
    font-weight: 300;
    color: #5F6368;
    line-height: 1;
    margin-bottom: 15px;
}

.quotPageinfo .quoteFormBtn button {
    width: 100%;
    background: #01BB2A;
}

.quotPageinfo .quoteFormBtn button:hover {
    background: #006DF0;
}

.quotPageinfo .quoteFormBtn button svg {
    margin-left: 10px;
}

.quotPageinfo .quoteFormInput .inputBlock input {
    font-weight: 700;
    pointer-events: none;
    color: #000;
    font-size: 44px;
}

.quoteEnquiryText {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.quoteEnquiryText .enquiryBlock span {
    display: block;
    margin: 0 0 10px;
}

.enquiryTitle {
    font-size: 32px;
    font-weight: 400;
}
.thankYouPage h1 {font-size: 40px!important; font-weight: 600!important;}
.thankYouPage h1 + p {font-size: 25px!important; font-weight: 300!important; color: #5F6368!important; line-height: 1.25;}
.thankYouPage .textBlock {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.thankYouPage .textBlock p {
    color: #86888A;
    margin: 0;
}

.thankYouPage .textBlock p a {
    text-decoration: none;
    color: #006DF0;
}

.thankYouPage .textBlock h1 {
    margin: 0;
}

.thankYouPage .quotePageReview {
    margin-top: 45px;
}

.R-ReviewsioLogo__image {
    background: #f1f1f1;
    padding: 5px;
    border-radius: 4px;
    margin-top: 5px;
}

.thankYouPage .textBlock p a:hover {
    color: #01BB2A;
}

.error {
    font-size: 14px;
    line-height: 14px;
    color: #ff0000;
}

.cssVar-header__subheading strong {
    color: #000 !important;
}

.cssVar-header__subheading {
    color: rgba(0, 0, 0, 0.5) !important;
    text-transform: capitalize !important;
}

body .CarouselWidget-prefix .CarouselWidget .CarouselWidget__header .header__inner {
    display: block;
}

body .CarouselWidget-prefix .R-RatingStars {
    display: block;
}

body .CarouselWidget-prefix .R-TextBody--xxs {
    display: inline-flex;
    margin: 0 10px 20px 0;
}

.videoSection.secitionSpace {
    padding-bottom: 145px;
}

.R-ReviewsList-container .R-TextBody.u-textRight--all {
    display: none;
}

.recent-leads {
    background: #ffffff;
    padding: 33px 15px!important;
}
.recent-leads .quoteModal {
    flex-direction: column;
}
.recent-leads h2 {
  text-transform: capitalize;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #000000;
  margin: 0;
}
.recent-leads .lead-image {
    margin: 30px auto;
    display: block;
}
.recent-leads .textCol {
    /* display: grid!important;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 15px!important; */
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    padding: 15px;
    width: 100%;
}
.recent-leads .textCol .leads-card {
    width: 100%!important;
    display: flex;
    flex-wrap: wrap;
}
.recent-leads .textCol .leads-card  div {
    display: flex;
    flex-direction: column;
    width:100%;
    gap: 24px;
}
.recent-leads .textCol .leads-card  div:nth-child(odd) {
    width:60%;
}
.recent-leads .textCol .leads-card  div:nth-child(even) {
    width:40%;
}
.recent-leads .textCol .title {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 20px;
}
.recent-leads .textCol .value {
  font-weight: 300;
  font-size: 20px;
}
.recent-leads .view-lead {
  color: #006df0;
  font-weight: 400;
  font-size: 24px;
    text-align: left;
  text-align: center;
  margin: 20px auto 0;
}
.inforHead.buyer-title:before {
    width: 100px;
}
/* .price-type:before {top:0!important;} */
.recent-leads .view-lead + p {
    gap: 5px;
    font-size: 15px;
    font-weight: 400;
    color: #9c9c9c;
    text-align: center;
    line-height: 1;
}
.page-template-template-details .site-header,
.page-template-template-quote .site-header,
.page-template-template-thankyou .site-header,
.page-template-template-become-buyer .site-header,
.page-template-template-recent-leads .site-header {
    background-image:none;
    padding: 14px 0;
    border-bottom: 1px solid #C3C3C3;
}
.page-template-template-recent-leads .quoteFormInfo {
    border: none!important;
}
.page-template-template-recent-leads .quoteFormInfo:not(:last-child) {
  margin-bottom: 22px;
}

.quoteModal {
    display: flex;
}

.quoteModal .textCol {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 5px;
}

.quoteFormInfo .quoteForm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    position: relative;
}

.quoteFormInfo .quoteForm button {
    background: #01BB2A;
    color: #fff;
    border: none;
    padding: 8px 35px;
    border-radius: 12px;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.25px;
    transition: 0.5s;
    font-weight: 400;
}

.quoteFormInfo .quoteForm .qInput {
    width: 45%;
    border: 1.5px solid #CFCFCF;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.quoteFormInfo .quoteForm .qInput input {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 10px;
    color: #000;
    font-size: 16px;
    padding: 0 10px 0 24px;
}

.quoteFormInfo {
    border: 1.5px solid #C3C3C3;
    padding: 30px;
    /* max-width: 430px; */
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.quoteFormInfo .quoteForm .qInput:before {
    content: "£";
    position: absolute;
    left: 5px;
    top: 8px;
    margin: auto;
    color: #CFCFCF;
}

.quoteModal div {
    width: 50%;
}

.inforHead {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 0 0 40px;
    padding: 20px;
    position: relative;
}

.inforHead:before {
    content: "";
    height: 1px;
    width: 25%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #C3C3C3;
}

.quoteFormInfo .quoteForm .error {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    left: 0;
    margin: auto;
    text-align: center;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


input[type="number"] {
    -moz-appearance: textfield;
}

input[type="number"]::-ms-clear {
    display: none;
}

.compete-booking .quotPageinfo {
    width: 100%;
    max-width: 100%;
}

.compete-booking .quoteFormBtn {
    max-width: 95%;
    margin: 0 auto;
}

/* .compete-booking .fillIntro {
    gap: 0;
} */

.compete-booking .fillIntro h2 {
    font-size: 25px;
    line-height: 25px;
}

.compete-booking .fillIntro p {
    margin: 0 0 10px;
    opacity: 0.5;
}

.confirmedBooking .bookingTop {
    margin-bottom: 0;
}

.confirmedBooking .bookingTop h1 {
    margin: 0;
}

.fillIntro input[name="postcode"] {
    text-transform: uppercase;
}
.fillIntro input[name="postcode"]::placeholder {
    text-transform: none;
}
/* .compete-booking .fillIntro input {
    margin-bottom: 15px;
} */
.compete-booking .quoteFormBtn {max-width: 100%!important;}
.compete-booking button[type="button"] {padding: 17px 20px!important; font-size: 18px!important; line-height: 1.25!important;}
.bookingTop h1 {
    position: relative;
    padding: 0 0 40px;
}

.bookingTop h1:after {
    content: "";
    height: 1px;
    background: #ccc;
    width: 100px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.bookingTop {
    margin-bottom: 40px;
}

.confirmedText {
    background: #F1F2F2;
    padding: 20px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 20px;
}

.confirmedText ol li {
    list-style: auto;
    margin: 0 0 10px;
}

.confirmedText h2 {
    font-size: 25px;
}

.confirmedText ol {
    margin: 25px 0;
}

.bookingTop p {
    font-size: 16px;
    font-weight: 300;
}

.page-template-template-recent-leads .quoteFormInfo {
    margin-bottom: 25px;
}
.page-template-template-recent-leads .quoteFormInfo:last-child {
    margin-bottom: 40px;
}

ul#pagin {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 70px;
}

ul#pagin a.current {
    background: #01BB2A;
    color: #fff;
}

ul#pagin a {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 400;
}

ul#pagin li.next,
ul#pagin li.prev {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul#pagin li.next img,
ul#pagin li.prev img {
    width: 15px;
    height: 15px;
}

.headerPhone {
    display: none;
}

#quoteFormFixed label#registration-error {
    bottom: 0px;
}
 section.thankYouPage {
        height:calc(100vh - 385px);
        padding-top: 56px!important;
        padding-bottom: 56px;
    }
    .detailpage {
        gap:21px!important;
    }
    .detailpage .fillIntro {
        border-width:2px;
    }
    .detailpage .fillIntro input[type="text"],
    .detailpage .fillIntro input[type="tel"] {
        border-width:2px;
        border-color: #CFCFCF;
    }
.code-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}
.code-wrap .gb {
    font-size: 10px;
    font-weight: 600;
    line-height:1;
}
.code-wrap .quoteFormInput {
    border-radius: 5px;
    margin: 0!important;
    border-width:2px;
}
.code-wrap .textBlock {border-right: 2px solid #000000; border-radius: 3px 0 0 3px; width:33px; padding: 7px 5px;}
.code-wrap .inputBlock {width: 100%;}
.code-wrap .brandlogo {text-align: right;}
.code-wrap .brandlogo img {width: 62px;}
.code-wrap input[name="registration"] {
    font-size: 20px!important;
    letter-spacing: 11%;
}
.code-wrap + .vahicleInfo {
    font-size: 20px;
    font-weight: 400;
    text-align: left;
}
.detailpage .vehicle-status {margin-top: 0;}
.detailpage .vehicle-label {
    font-size: 16px;
    font-weight: 400;   
    gap:4px;
}
.detailpage .vehicle-options {gap:10px;}
.detailpage .vehicle-options label {
    font-size: 14px;
    font-weight: 300;
    gap:4px;
}
/*********Equal height for leads slider ********/
#leads-slider .slick-track {
  display: flex !important;
}

#leads-slider .slick-slide {
  height: auto !important;
  display: flex !important;
}

#leads-slider .slick-slide > div {
  width: 100%;
  display: flex;
}

#leads-slider .slick-slide > div > * {
  width: 100%;
}
/*********Equal height for leads slider ********/
/********Responsive Css start here ***************/
@media (max-width:1400px) {
    .topFixedQuote .quoteCol {
        font-size: 16px;
    }
}

@media (max-width:1199px) {
    .topFixedQuote .quoteCol {
        font-size: 15px;
    }

    .quoteFormBtn button:hover,
    .bgGreen .quoteFormBtn button:hover,
    .quotPageinfo .quoteFormBtn button:hover {
        background: #01BB2A !important;
    }

}

@media (max-width:992px) {
      #buyer-signup-faq .accordion-container {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 15px;
        column-gap:0;
        margin: 0!important;
    }
    #buyer-signup-faq .FAQ_div > div:last-child {margin-bottom: 0!important;}
    .recent-leads .textCol {
        max-width: 500px; margin: auto;
    }
    .buyer-apply-form .quotPageinfo {max-width: 100%;}
    body.page-template-template-become-buyer section .container {
        max-width: calc(100% - 100px);
    }
    .buyer-join ul {
        grid-template-columns: repeat(1, 1fr);
    }
    .buyer-join ul li:first-child {margin-top: 15px;}
    .quoteFormBtnMob {
        display: flex;
    }

    .topFixedQuote .quoteCol {
        font-size: 16px;
    }

    .topFixedQuote .quoteFormInput .inputBlock button {
        border: none;
        background: #01BB2A;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 40px;
        border-radius: 0 10px 10px 0;
    }

    .topFixedQuote .inputBlock button {
        border: none;
    }

    .topFixedQuote .quoteFormInput .inputBlock {
        position: relative;
    }

    .topFixedQuote .quoteFormInput {
        overflow: hidden;
        /* justify-content: flex-start; */
    }

    .topFixedQuote .inputBlock {
        width: calc(100% - 40px);
    }

    .topFixedQuote .quoteFormInput .inputBlock input {
        font-size: 20px;
        width: calc(100% - 41px);
        margin-left: -40px;
    }

    .topFixedQuote .quoteCol {
        width: 100%;
    }

    .topFixedQuote .quoteCol:last-child {
        display: none;
    }

    .topFixedQuote .quoteFormBtnMob {
        display: flex;
    }

    .topFixedQuote {
        gap: 15px;
        padding: 20px;
    }
}


@media (max-width:767px) {
   
    section.thankYouPage {
        height:calc(100vh - 325px);
    }
    .thankYouPage .textBlock h1 {
        font-size: 40px;
        font-weight: 600;
    }
    .thankYouPage .textBlock h1 + p {
        font-size: 25px;
        font-weight: 300;
        color: #5F6368;
        line-height: 1.25;
    }
   
    .page-template-template-details .site-header .logoCol,
    .page-template-template-quote .site-header .logoCol,
    .page-template-template-thankyou .site-header .logoCol,
    .page-template-template-become-buyer .site-header .logoCol,
    .page-template-template-recent-leads .site-header .logoCol {
        max-width: 185px;
    }
    .buyer-image {height: auto;}
    .recent-leads-slider .slick-slide {padding: 0!important;}
    h1,
    .h1 {
        font-size: 38px;
        line-height: 40px;
    }
    .secitionSpace {
        padding: 60px 0;
    }

    .headerPhone span,
    .headerPhone .num {
        display: none;
    }

    .headerPhone .call img {
        position: static;
    }

    .headerContent .logoCol {
        max-width: 150px;
    }

    .site-header {
        background-image: linear-gradient(#01BB2A4A, #01BB2A00);
        padding: 10px 0;
    }
        body.page-template-template-packages-php header.site-header {
        background:#ffffff!important;
    }

    .instantQuote {
        padding: 60px 0;
    }

    .instantQuote .titleBlock p {
        font-size: 16px;
    }

    .quoteFormInput .inputBlock input {
        font-size: 25px;
    }

    .freeCollections {
        padding-top: 80px;
    }

    .freeCollections .freeCollectionsSteps {
        padding-left: 0;
        margin-top: 50px;
    }

    .titleWithLine h2 {
        padding-bottom: 70px;
    }

    .titleWithLine h2:after {
        bottom: 30px;
    }

    .bestPrice .titleWithLine {
        padding-bottom: 60px;
    }

    .whyChooseCar h2 {
        margin: 0 0 80px;
    }

    .faqSection .faqsContent .accordion-container>div {
        width: 100%;
    }

    .freeCollections .titleBlock h2 {
        font-size: 35px;
        line-height: 44px;
    }

    .getQuotedetail form.quotPageinfo {
        gap: 10px;
    }

    .getQuotedetail form.quotPageinfo .quoteFormInput {
        margin: 4px 0;
    }

    .getQuotedetail form.quotPageinfo .fillIntro {
        padding: 20px;
        gap: 15px;
    }

    .getQuotedetail form.quotPageinfo .quoteFormBtn,
    .getQuotedetail form.quotPageinfo .bottomContent {
        margin-top: 4px;
    }
}


@media (max-width:600px) {
    body.page-template-template-become-buyer section .container {
        max-width: calc(100% - 30px);
        padding: 0;
    }
  
    .freeCollections .container {
        padding-right: 0;
    }

    .freeCollections .freeCollectionsSteps .stepsOuter .stepsBlock {
        min-height: 190px;
    }

    .freeCollections .freeCollectionsSteps .stepsOuter {
        margin: 0 5px;
    }

    .freeCollections {
        background: url(/wp-content/uploads/2024/12/Car-animation-Mob-1-1.jpg);
        background-size: contain;
        position: relative;
        padding-top: 100px !important;
        background-repeat: no-repeat;
        background-color: #01BB2A;
        overflow: hidden;
    }

    .freeCollections .freeCollectionsSteps .stepsOuter .stepsBlock .imgCol {
        text-align: center;
        margin: 0 auto;
    }

    .freeCollections .freeCollectionsSteps .stepsOuter .stepsBlock:after {
        opacity: 0;
    }

    .containerHeader {
        max-width: calc(100% - 30px);
    }

    .container {
        padding: 0 20px;
    }

    /* .instantQuote.instantQuoteTop, */
    .site-header+.siteContent>.sectionSpace,
    .thankYouPage.secitionSpace {
        padding-top: 20px;
    }

    .instantQuote.instantQuoteTop {
        padding-bottom: 0px;
    }

    .freeCollections .titleBlock {
        margin-top: 50px;
    }

    .whyChooseCarouter {
        padding: 40px 20px;
    }

    .carBlock p {
        padding: 0 20px !important;
    }

    .videoSection .titleWithLine h2 {
        padding-bottom: 70px;
        font-size: 35px;
        font-weight: 500;
    }

    .videoSection.secitionSpace {
        padding-bottom: 90px;
    }

    .videoSection .titleWithLine {
        max-width: 100%;
    }

    .freeCollectionsSteps .slick-list {
        padding-left: 0 !important;
    }

    .footerBlocks .logoCol {
        max-width: 225px;
    }

    .quoteFormInfo {
        padding: 20px;
    }

    .quoteModal .textCol {
        font-size: 18px;
    }

    .quoteFormInfo .quoteForm button {
        padding: 8px 25px;
    }
    .recent-leads {
        padding: 33px 15px;
    }
}
@media (max-width: 400px) {
    .recent-leads .textCol {
        grid-template-columns: repeat(1, 1fr);
    }
    .recent-leads .textCol .leads-card {
        flex-direction: column;
        gap:10px;
        text-align: center;
    }
    .recent-leads .textCol .leads-card div:nth-child(odd),
    .recent-leads .textCol .leads-card div:nth-child(even) {width:100%; gap:10px;}
}