
.slick-slider {
    margin-bottom: 5px!Important;
    margin-left: 5px;
}

.portfolio-thumb-slider .slick-active img {
    border: 1px solid transparent
}

.slick-slider-item slick-slide slick-active
{
    border: 1px solid blue;
}

.portfolio-item-slider
{
    max-height: 600px!important;
}

/*.slick-slide {
    display: none;
    float: left;
    height: 550px!important;
    min-height: 1px;
}*/

.portfolio-thumb-slider
{
    height:65px;
}

/*img.pswp__img {
    height: 100%!important;
}*/


.img.slider {
    width: 100%;
}

.slick-slide img{
    margin-left: 2px;
}

.slick-next {
    right: 5px!important;
    background: #918589!important;
}

.slick-prev {
    left: 5px!important;
    background: #918589!important;
}

.slider{
    max-width: 100%;
    max-height: 600px;
}

.slick-slide
{
    height:auto!important;
}

.pswp img
{
    object-fit:contain;
}

.about_dealer .embed-responsive {
    height: 560px;
    overflow: hidden;
}

.about_dealer iframe {
    width: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    height: 100%;
}


.centreAlign
{
    text-align: center;
}

.topAlign
{
    vertical-align:top;
}

.bottomAlign
{
    vertical-align:bottom;
}


.rightAlign
{
    text-align: right;
}

.ui-button
{
    background:#212529;
    color:white;
}


.ui-inputfield
{
    width:100%;
    line-height:2.5rem;
}

.ui-panelgrid .ui-panelgrid-cell {
    padding: 4px 2px!important;
}

body .ui-widget 
{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
}

.ui-menuitem .active
{
    background:#2196f3f3;
    color:white!important;
}

body .ui-button
{
    background-color: var(--primary_custom);
    border-color: var(--primary_custom);
    border-radius: 0;
}

.ui-inputfield{
    border-radius: 0!important;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
    background: #0065af;
    color: #f3f3f3;
}
.othertitle
{
    color:var(--otherTitle_custom);
}

.ui-messages-error, .ui-message-error 
{
    position:fixed;
    top:0;
    width:50%
}


.ui-chkbox .ui-chkbox-box {
    width: 20px!important;
    height: 20px!important;
}


p {
    color: var(--textWhite);
    font-family: 'Poppins', sans-serif;
}

.editorHtml p{
    color:black;
}

body .ui-tabmenu .ui-tabmenu-nav{
    overflow-x:hidden;
}

.customOneBtn .ui-button {
    padding: 2px 10px!Important;
    border-radius: 0!Important;
    border:1px solid lightgrey !important;
    font-size: 14px; 
    margin-right:10px!Important;
    margin-top: 8px;
}

@media (max-width: 480px) {
    .customOneBtn .ui-button {
        margin-top: 8px; /* Adjust the margin-top value as needed */
    }
}



.slidescar_bx a:hover .cartits {
    color: var(--textBlack);
}

.footer_workD {
    padding-right: 30px;
    padding-left: 0px;
}

.formG label, .vichal_fuild {
    color: var(--lcDC);
}
.bottombar > p {
    color: #ffffff;
    background-color: #242730;}

.bottombar a {
    color: #9c9c9c;
}

 /*== Footer ==*/
 footer{background: #08080b url(../images/footer-bg.jpg) no-repeat; background-size: cover; padding-top: 74px;}
 .footer_social li{position: relative;padding-left: 26px; left: 10px; margin-bottom: 15px;}
 .footer_social li::after{content: ''; position: absolute; top: 0; left: -26px; width: 29px; height:29px; border-radius: 100px; background: #ffd900; z-index: 1;}
 .footer_social li::before {content: '\f879'; position: absolute; font-size: 14px; color: #0b0e15; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: bold; z-index: 2; left: -18px; top: 5px;opacity: 1;}
 .footer_social li:nth-of-type(3):before {content: '\f124'; }
 .footer_social li:nth-of-type(2):before {content: '\f0e0'; }
.footer_social li p {color: var(--TWhite); font-size: var(--font14); margin-bottom: 0px; line-height: 0.9;font-weight: 300;}
.footer_social li strong{color: var(--TWhite); font-size: var(--font14); font-weight: bold;}
.footer_social li:nth-of-type(4):before{content: '\f0e0';}
.tabsection_footer .tab_BTNS li a{background: var(--TWhite); color: var(--TBlack);}
.tabsection_footer .tab_BTNS li a.active {background: #ffd900; color: var(--TWhite);}
.footer_OHrs tr td strong{color: var(--TWhite); font-size: 16px; font-weight: 500;}
.footer_OHrs tr td{color: var(--TWhite); font-size: 16px; font-weight: 300; padding-bottom: 5px;}
.footer_OHrs tr td:nth-of-type(even) { padding-left: 30px;}
footer .logo_image {margin-bottom: 100px;}
.locationmap iframe {
  width: 100%;   height: 205px;
}
.col-sm-3.col-md-3.col-lg-3.contact_Fsocials {
   padding-left: 30px;
}
.footer_two_SBX { padding-left: 40px;}
footer .contact_Fsocials{padding-left: 30px;}







.tabsection_footer .FV_tab { justify-content: center; margin-top: 50px;}
 .footer_title{font-size: var(--font30); color: var(--TWhite); font-weight: 300; position: relative; margin-bottom: 30px;}
.footer_title:before {position: absolute; content: ""; width: 3px; height: 26px; background: #ffd900; left: -15px; top: 5px;}
.footer_title:after {position: absolute; content: ""; background: var(--TBlack); width: 3px; height: 7px; left: 0; top: 0; left: -15px; overflow: hidden; -webkit-animation: line 8s infinite; animation: downslide 8s infinite; }
@-webkit-keyframes downslide {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes downslide {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(30px);
    }
    to {
        transform: translateY(0);
    }
}


.footer_links{margin: auto; text-align: center;}
.footer_links li{display: inline-block;}
.footer_links li a{position: relative; padding: 0px 20px; font-size: 14px; color: rgb(255 255 255 / 27%);}
.footer_links li a::after{content: ''; position: absolute; left: 0; top: 5px; height: 10px; width: 2px; background: rgb(255 255 255 / 27%);}
.footer_links li a:hover{color: #ffd900;}
.footer_links li:nth-of-type(1) a::after{display: none;}

.copyright{color: var(--TWhite); margin: auto;}
.bootom_bar{background: #1f1f23; padding: 15px 0px;}
.app_socials{position: relative;top: 40px;padding-left: 24px;}
.app_socials::after {content: 'Follow us'; position: absolute; width: 100px; height: 20px; top: -29px; left: 36px; color: #ffffff; font-size: 12px; text-transform: uppercase;}
.app_socials li{display: inline-block; margin-left: 10px;}
.app_socials li a{width: 44px; height: 44px; background: #ffd900; color: #0b0e15; font-size: 22px; border-radius: 100%; text-align: center; line-height: 44px;}
.app_socials li a:hover{color: #ffffff; background: #ffd900;}


/* ====   Nationwide delivery and Insurance  ====  */
.nd_insurance_MBX{display: flex;}
.ndi_commonBX{position: relative;width: 50%;overflow: hidden; min-height: 670px;    justify-content: center;  display: flex;}
.ndi_commonBX::after{content: '';position: absolute; top: 0 ; left: 0; right: 0; bottom: 0; background: #0b0e15; opacity: 0.68;}
.ndi_commonBX h3{color: #ffffff; font-size: 36px; font-weight: 400; }
.ndi_commonBX p{color: #ffffff; font-size: 24px; font-weight: 300; line-height: 1.2; margin-top: 5px;}
.nationwide_delivery_BX{background: url("/javax.faces.resource/images/nationwide-delivery-bg.png.xhtml?ln=mtrds") no-repeat; background-size: cover; background-position: bottom center;}
.insurancer_BX{background: url("/javax.faces.resource/images/insurance-bg.png.xhtml?ln=mtrds") no-repeat; background-size: cover; background-position: bottom center;}
.defult_BTN{display: inline-block; padding: 8px 15px; background-color: #ffd900; color: #0b0e15; font-size: 18px; font-weight: 400; min-width: 204px; text-align: center; border: 0px; box-shadow: none; outline: none;}
.defult_BTN:hover{background: #0b0e15; color: #ffffff;}
.ndi_common_contentBX{position: relative; z-index: 1; max-width: 48%; align-self: center;}
.ndi_common_contentBX .defult_BTN{margin-top: 30px;}

/*  ====  Why buy  ==== */
.whybuy_sec{background: #f2f5fb; padding-top: 60px;}
.whybuy_sec h3{color: #000000; font-size: 32px; font-weight: 400; text-align: center; padding-bottom: 40px;}
.listof_why {max-width: 460px; align-self: end; padding-left: 30px; margin-left: 60px;}
.listingbx_ofwhy{background: #ffffff; padding: 40px 30px; box-shadow: 3px 0px 16px rgb(0 0 0 / 15%); width: 100%;}
.listingbx_ofwhy ul{border-bottom: 1px solid rgb(0 0 0 / 8%); margin-bottom: 20px; padding-left: 0px;}
.listingbx_ofwhy ul li{position: relative; font-size: 20px; color: #000000; font-weight: 300; padding-left: 25px; margin-bottom: 20px;list-style: none;}
.listingbx_ofwhy ul li::after{content: '';position: absolute; top: 10px; left: 0px; width: 14px; height: 10px; 
      background: url("/javax.faces.resource/images/list-arrow.png.xhtml?ln=mtrds") no-repeat; background-size: contain; }

.labelwhy{width: 82px; height: 82px; position: relative; background: url("/javax.faces.resource/images/off-label.png.xhtml?ln=mtrds") no-repeat; background-size: contain; background-position: center center;}

.whybuy_img_BX {position: relative;padding-bottom: 40px;}
.labelwhy span:nth-of-type(1){font-size: 24px; font-weight: 500; color: #ffffff;display: block; text-align: center;margin-top: 12px;}
.labelwhy span:nth-of-type(1) sub{color: #ffffff; font-weight: 400; font-size: 16px;    position: relative; top: 0px;}
.labelwhy span:nth-of-type(2){font-size: 16px; font-weight: 300; color: #ffffff;display: block; text-align: center; line-height: 1;}
.labelwhy{position: absolute; top: 40px; left: 60%;}
.whybuy_sec .container{max-width: 1420px;}


/*====  jeet 19 July 2025 ====*/

.bodyst_search .container {
    max-width: 1320px;
}
.carsliB img {  max-width: 180px;}
.carslist_serch {   justify-content: space-between;}
.cartits {   font-weight: 400;}
.sectit, .latest_car .sectit {  font-weight: 500;}

.leftH_logo a {background: #000000; padding: 20px 2px; border-radius: 0px 0px 20px 20px;}
.leftH_logo img {width: auto; max-width: 211px;}
header {border-bottom: 1px solid #64676e;}
.Herobanner .fina-button {position: absolute; left: 50%; bottom: 30px;}

.slidescar_bx {position: relative; z-index: 1;}
.slidescar_bx::after {content: ''; position: absolute; top: 0%; left: -1%; width: 104%; height: 134%; background: #ffffff; box-shadow: 0px 3px 16px rgb(0 0 0 / 16%); z-index: -1; transition: all 0.4s; opacity: 0;}

.slidescar_bx:hover:after {opacity: 1; top: -18%;}

.featured_vehicles_MS{padding-top: 60px; padding-bottom: 60px;}
.section_CMH{font-size: 36px; color: #000000; font-weight: 400;}
.featured_vehicles_MS .container{max-width: 1466px;}
.featured_vehic_card{background: #ffffff; box-shadow: 4px 9px 16px rgb(0 0 0 / 20%); position: relative; margin-top: 30px;}
.featured_vc_image{overflow: hidden;height: 226px;}
.featured_vc_image img{display: flex; width: 100%; object-fit: cover; transition: all 0.5s ease-in-out;scale: 1;}
.featured_vc_CBX h3{font-size: 22px; font-weight: 700; color: #05070a;}
.featured_vc_CBX h4{font-size: 18px; font-weight: 600; color: #05070a;}
.featured_vc_CBX p{font-size: 11px; font-weight: 400; color: #05070a;}
.featured_vc_CBX span{color: #05070a; font-size: 12px; font-weight: 400; display: inline-block; margin-top: 10px;}
.featured_vc_CBX{padding:18px 20px;}
.featured_vc_BBX{display: flex; justify-content: space-between;margin-top: 10px;}

.label_type{position: absolute; top: 10px ;left: -10px;}
.car_list_label{display: inline-block; color: #ffffff; font-size: 12px; font-weight: 500; background-color: #000000; padding: 2px 15px; text-transform: uppercase; letter-spacing: 0.8;}
.red-lbg{background: #d01818 !important;}
.green-lbg{background: green !important;}
.featured_vc_CBX .defult_BTN{min-width: auto !important; font-size: 15px; font-weight: 500;}
.featured_vehic_card:hover .featured_vc_image>img{scale: 1.1;}

.loadmore_BTN{margin-top: 60px;}
.loadmore_BTN .defult_BTN{font-size: 14px;}

.defult_BTN{display: inline-block; padding: 8px 15px; background-color: #ffd900; color: #0b0e15; font-size: 18px; font-weight: 400; min-width: 204px; text-align: center; border: 0px; box-shadow: none; outline: none;}
.defult_BTN:hover{background: #0b0e15; color: #ffffff;}

.gray_BTN{display: inline-block; padding: 8px 15px; background-color: #e6eef0; color: #0b0e15; font-size: 18px; font-weight: 400; min-width: auto; text-align: center; border: 0px; box-shadow: none; outline: none;}
.gray_BTN:hover{background: #b6c1c4; color: #0b0e15;}

.black_BTN{display: inline-block; padding: 8px 15px; background-color: #0b0e15; color: #e6eef0; font-size: 18px; font-weight: 400; min-width: auto; text-align: center; border: 0px; box-shadow: none; outline: none;border-radius: 0px;}
.black_BTN:hover{background: #ffd900; color: #0b0e15;}


.latest_car { border-bottom: 1px solid rgb(0 0 0 / 10%);}


/*@media screen and (max-width: 1199px){

  .ndi_common_contentBX { max-width: 80%; }
  .ndi_commonBX h3 { font-size: 28px; }
  .ndi_commonBX p { font-size: 18px;}
}

@media screen and (max-width: 991px){
    .nd_insurance_MBX{flex-direction: column;}
    .ndi_commonBX{width: 100% ; min-height: auto;    padding: 30px 15px;}
}


@media screen and (max-width: 767px){
    .listingbx_ofwhy ul li { font-size: 16px !important; margin-bottom: 10px;}
    .whybuy_sec h3 {font-size: 22px;}
    .whybuy_sec { padding-top: 40px;}

}*/
