.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 */
    }
}


 /*== Footer ==*/
 footer {border-top: 1px solid rgb(255 255 255 / 18%);}
 footer{background: #08080b; no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px}
.footer_OHrs tr td strong{color: var(--textWhite); font-size: 14px; font-weight: 500;}
.footer_OHrs tr td{color: var(--textWhite); font-size: 14px; font-weight: 300; padding-bottom: 5px;}
.footer_OHrs tr td:nth-of-type(even) { padding-left: 30px;}
footer .logo_image {margin-bottom: 100px;}
.footer_condetl li{display: block; color: #ffffff; font-size: 16px;}
.footer_condetl li p{font-size: 16px;}
.hournote{display: block; color: #FEBE10; font-size: 12px; margin-top: 5px;max-width: 285px;}


.footer_title{font-size: var(--font26); color: #FEBE10; font-weight: 300; position: relative; margin-bottom: 30px;}
.footer_title i{font-size: 20px; margin-right: 5px;}
.footer_condetl{padding-left: 0px;}

.middleC .container{max-width: 1170px;}
.locationmap iframe{border-radius: 16px; width: 100%; height: 250px;}

.footer_ssection {position: relative; left: -45px;}

/*==  why choose us  ==*/
.wcmotor_zone_sec{background: #000000; padding: 40px 0px 60px 0px;}
/*.wcmotor_zone_heading{background: #FEBE10;}*/
.wcmotor_zone_heading{background: #FEBE10; padding: 15px 30px;     background-size: 400% 100%;
    background-position: 0 0;
    background-image: linear-gradient(295deg, #ffe195 0%, rgba(242, 187, 90, 0.8) 15%, rgba(191, 122, 0, 0.75) 30%, transparent 95%);
}
.wcmotor_zone_heading h2{color: #000000; font-size: 36px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.6px;}
.wcmotor_zone_RBX{background: #0c0c0c; border-radius: 9px; border: 1px solid rgb(255 255 255 / 18%); padding: 40px 15px;  min-height: 300px;}
.wcmotor_zone_RBX i{color: #FEBE10; font-size: 36px;}
.wcmotor_zone_RBX h2{font-size: 26px; color: #ffffff; font-weight: 600; margin-top: 10px;}
.wcmotor_zone_RBX p{font-size: 16px; color: #ffffff; font-weight: 300; margin-top: 10px;}
.wcmotor_zone_RBX{margin-top: 40px;}
.wcmotor_zone_sec .container{max-width: 1620px;}


/*==  Body search  ==*/
.bsslist_main ul{display: flex; flex-wrap: wrap;padding-left: 0px;}
.bsslist_main ul li{width: 25%; padding-left: 8px; padding-right: 8px; align-self: center; list-style: none; text-align: center; transition: all 0.3s linear;}
.bss_cartits{text-align: center; padding-bottom: 20px;}
.bss_cartits span{border-bottom: 3px solid #FEBE10; color: #ffffff; font-size: 18px; font-weight: 600; padding-bottom: 4px; position: relative; text-transform: capitalize;}
.body_ssearch_sec .container{max-width: 1170px;}
.body_ssearch_sec{padding-top: 40px; padding-bottom: 40px;}
.bss_bximg{position: relative; }
.bss_bximg img{scale: 1; transition: all 0.3s linear;}
.bss_bximg:hover img{scale: 1.05;}
.body_ssearch_sec .sectit{color: #ffffff;}
.body_ssearch_sec .sectit::before, .body_ssearch_sec .sectit::after{background-color: #FEBE10;}

.body_ssearch_sec{background: linear-gradient(to right,  #494949 0%,#101010 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}


.sellYourVehicle_Motorzone .banner_BTN .black_BTN{border: 1px solid #ffffff !important; }
.bottombar > p{background: #000000; color: #ffffff;}

.sellYourVehicle_Motorzone {background: #000000 url("/javax.faces.resource/images/sell-your-car-bg.jpg.xhtml?ln=motorzone") no-repeat; background-position: center bottom !important; background-size: cover !important; background: #000000 !important;}
.sellcar_tzimg img {max-height: 600px; object-fit: cover; width: 100%; object-position: left center;}
.sellcar_tzimg { text-align: right;}
.sellYourVehicle_Motorzone .col-sm-7.col-md-8.col-lg-8 { display: flex; padding-left: 15%;}
.sellYourVehicle_Motorzone .sectitle{ align-self: center; padding-right: 60px;}





/*==  Featured Vehicles  ==*/
.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;}
.black_BTN:hover{background: #ffd900; color: #0b0e15;}

.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: auto;}
.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: 12px; font-weight: 400; color: #05070a;}
.featured_vc_CBX span{color: #05070a; font-size: 12px; font-weight: 400; display: inline-block; margin-top: 15px;}
.featured_vc_CBX{padding:18px 20px;}
.featured_vc_BBX{display: flex; justify-content: space-between;}

.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;}



.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;  height: 100%;}
.save_sellP{border-top: 0px !important; padding: 0px !important;}
.save_sellR h5 { font-size: var(--font24) !important; font-weight: 700;}
.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%);}



.navH_perent .nav-item .dropdown-menu li .dropdown-item:hover { color: #000000 !important; background-color: #FEBE10 !important;}
.navH_perent .dropdown-menu{background: #000000;}
.ourparners_motorzone{background: linear-gradient(to bottom, rgb(0 0 0 / 92%) 0%, rgba(0, 0, 0, 1) 100%);}
.sectit{color: #FEBE10;}
.sectit::before, .sectit::after{background: #FEBE10;}
.sellYourVehicle_Motorzone .sectit::before, .sellYourVehicle_Motorzone .sectit::after{display: none;}

 .ourparners_motorzone .owl-carousel .owl-item .partner-logo img{margin: auto;}
 .navH_perent .nav-item .dropdown-menu li { border-bottom: 1px solid rgb(243 243 243 / 36%) !important;}
 .navH_perent .nav-item .dropdown-menu{padding: 0px !important;}




.Herobanner::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 20%,rgba(0,0,0,0.28) 100%); }

.Herobanner .onbanner_text {z-index: 2;}

/*====  hero section  ====*/
.banner_contp_MZ{}
.motorzohero .container { align-self: center;}
/*.motorzohero{background: url("/javax.faces.resource/images/mz-hero-bg.jpg.xhtml?ln=motorzone") no-repeat; height: 700px; background-size: cover; background-position: bottom right; position: relative; display: flex;}
.motorzohero::after{content: '';position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.78) 20%,rgba(0,0,0,0.28) 100%); 
}*/

.content_of_mzh {position: relative; z-index: 2;}
.mz_hheading{font-size: 94px; color: #ffffff; max-width: 756px;}
.mz_hheading span{font-size: 94px; font-weight: bold; color: #febe10;}
.list_hlmz{margin-left: 40px;}
.list_hlmz li{color: #ffffff; font-size: 26px; font-weight: 300; position: relative; list-style: none;}
.content_of_mzh li::after {content: '\f058'; position: absolute; top: 4px; left: -34px; font-size: 20px; font-family: "Font Awesome 6 Free"; color: #febe10;}

.gold_BTN{display: inline-block; padding: 8px 15px; background-color: #febe10; color: #000000; font-size: 15px; font-weight: 400; min-width: auto; text-align: center; border: 0px; box-shadow: none; outline: none;    border-radius: 0px;}
.gold_BTN:hover{display: inline-block; padding: 8px 15px; background-color: #000000; color: #ffffff; font-size: 15px; font-weight: 400; min-width: auto; text-align: center; border: 0px; box-shadow: none; outline: none;    border-radius: 0px;}

.motorzohero .gold_BTN{margin-left: 50px; margin-top: 20px;}
.banner_contp_MZ {position: absolute; top: 0; width: 100%; height: 100%; display: flex;}
.banner_contp_MZ .container {align-self: center;}

.map_title { color: #000000;}
.contactus_page ul.footer_social { padding-left: 20px;}
.keystaff_main_motorzone{padding-left: 30px;}











@media (max-width: 1700px){

    .mz_hheading, .mz_hheading span{font-size: 80px; }
    .motorzohero {height: 580px;}

    .wcmotor_zone_sec .container { max-width: 1520px;}
    .wcmotor_zone_RBX{min-height: 316px;}
}


@media (max-width: 1450px){
    .mz_hheading, .mz_hheading span{font-size: 60px; }
    .mz_hheading { max-width: 560px;}
    .list_hlmz li { font-size: 22px;}
}

@media (max-width: 1350px){
    .wcmotor_zone_RBX{min-height: 341px;}
}

@media (max-width: 1199px){
    .wcmotor_zone_heading h2 { font-size: 24px;}
    .wcmotor_zone_RBX h2 {font-size: 22px;}
    .wcmotor_zone_RBX p { font-size: 14px;}

    .col-sm-6.col-md-6.col-lg-6.col-xl-4.footer_tsection {width: 100%;}

        .mz_hheading, .mz_hheading span {font-size: 42px; }
        .mz_hheading { max-width: 390px;}
        .list_hlmz li {font-size: 20px;}
        .sellYourVehicle_Motorzone .sectitle { padding-top: 30px; padding-bottom: 30px;}
        .sellcar_tzimg { height: 100%;}
        .sellcar_tzimg img{height: 100%;}
}


@media (max-width: 1024px){

    .nav-item a{color: #febe10 !important;}
    .closetogg_mob {background: transparent;    }
    a#closmenuM{color: #ffffff !important;}
    /*.headNav{background: rgb(0 0 0 / 93%) !important;}*/
    .headNav{background: rgba(0, 0, 0, 0.80) !important;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(7.3px);
        -webkit-backdrop-filter: blur(7.3px);}

    .leftH_logo a {padding: 5px 0px;}
        .mob_Ticon {font-size: 24px; }
            .headNav .navbar-nav {padding-left: 20px !important; }

}


@media (max-width: 991px){

.contactus_page .row .col-sm-4.col-md-4.col-lg-4, .contactus_page .row .col-sm-8.col-md-8.col-lg-8{width: 100%;}
.keystaff_main_motorzone{padding-left: 0px; padding-top: 30px;}

}


@media (max-width: 767px){
    .footer_title { margin-bottom: 10px; margin-top: 20px;}

    .bsslist_main ul{flex-direction: column; }
    .bsslist_main ul li{width: 100%;margin-top: 30px;}
    .motorzone_header .headNav .navbar { padding-left: 0px; padding-right: 0px; }
    .motorzone_header .navH_perent .nav-item a {font-size: var(--font16); }

    .footer_ssection { left: 0;}

    .footer_fsection, .footer_ssection, .footer_tsection{text-align: center;}
    table.footer_OHrs, .hournote {margin: 0px auto;}

    h3.footer_title span {color: #ffffff; position: relative; margin-bottom: 25px; border-bottom: 3px solid #FEBE10; font-weight: 700;    }

    h3.footer_title{margin-bottom: 25px;}
    .footer_title i{display: none;}
    .footer_title {font-size: var(--font18); text-transform: uppercase;}
    .wcmotor_zone_RBX{min-height: auto;}


    .sellYourVehicle_Motorzone .sectitle {align-self: center; padding-right: 0; padding-top: 30px; padding-bottom: 30px; text-align: center;}
    .sellYourVehicle_Motorzone .col-sm-7.col-md-8.col-lg-8 { padding-left: 20px; padding-right: 20px;}
    .sellYourVehicle_Motorzone p {margin-top: 0px; }

   
    .mz_hheading, .mz_hheading span {font-size: 37px;}
    .list_hlmz li {font-size: 18px;}
    .content_of_mzh li::after { top: 3px; left: -25px; font-size: 16px;}
    .list_hlmz {margin-left: 30px;}
    .motorzohero .gold_BTN { margin-left: 36px; margin-top: 10px;}

        .Herobanner {height: 320px !important;}

        .banner_contp_MZ { padding: 0px 20px;}
        .mz_hheading { max-width: 340px;}

       .content_of_mzh .banner_BTN {margin-top: 20px; margin-left: 34px; }

}


@media (max-width: 479px){
.sellYourVehicle_Motorzone .row{flex-direction: row-reverse;}
.sellYourVehicle.sellYourVehicle_Motorzone p {margin-top: 0px;}
   .sellYourVehicle.sellYourVehicle_Motorzone .banner_BTN{margin-bottom: 30px;}

    .motorzohero {height: 310px; }
}