@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:100,300,400,500,700,900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
    font-family:'Open Sans',sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:14px;
    line-height:24px;
    color:#333
}
/*old background color- color:#0d8e3b;*/
a,.btn{
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s
}
a:focus{
    text-decoration:none!important
}
.headingh1{    
    font-size: 26px;   font-style: normal;
    font-weight: 600;
    line-height: 35px;}
.headingh2 {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 35px;
            color: #363636;

}
.headingh3 {
    font-size: 15px;
        color: #363636;

    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
div.headingh4 {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    line-height: 50px;
    color: #323232;
}
.headingh5 {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color:#000;
}
.headingh6{
        font-size: 16px;
    font-weight: 600;
    color: #000;
}
.offertext{
    color:#000;
}
.headingall_new{
        font-size: 23px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 35px;
}
.calculate-emi-label p.paragraph,
p.paragraph{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 8px;
    padding: 5px;
    background: #0d8e3b;
    color: #fff;
    
}
.amountdesign{
    font-size:18px;
}
a:focus,a:hover{
    color:#0d8e3b;
    text-decoration:none!important
}
a,button,input{
    outline:medium none!important;
    color:#0d8e3b;
    text-decoration:none
}
.uppercase{
    text-transform:uppercase
}
h1,h2,h3,h4,h5,h6{
    font-family:'Roboto',sans-serif;
    font-weight:400;
    color:#363636;
    margin-top:0;
    text-transform:uppercase
}
.price .pricenew.new-price{
    cursor:pointer;
    font-size:16px;
    background:#0d8e3b;
    color:#fff;
    display:block;
    padding:8px;
    margin:5px 0
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit
}
h1{
    font-size:40px;
    font-style:normal;
    font-weight:500;
    line-height:40px
}
h2{
    font-size:15px;
    font-style:normal;
    font-weight:600;
    line-height:35px
}
h3{
    font-size:15px;
    font-style:normal;
    font-weight:600;
    line-height:28px
}
h4{
    font-size:15px;
    font-style:normal;
    font-weight:600;
    line-height:24px
}
h5{
    font-size:15px;
    font-style:normal;
    font-weight:600;
    line-height:24px
}
h6{
    font-size:15px;
    font-style:normal;
    font-weight:600;
    line-height:24px
}
ul{
    margin:0;
    padding:0
}
hr{
    margin:0;
    padding:0;
    border-bottom:1px solid #232323;
    border-top:0;
    margin-top:23px
}
hr.gray{
    margin:0;
    padding:0;
    border-bottom:1px solid #dedede;
    border-top:0;
    opacity:1
}
label{
    font-size:15px;
    font-weight:400;
    color:#626262
}
.label{
    color:#fff!important;
    font-size:9px!important
}
*::-moz-selection{
    background:#0d8e3b;
    color:#fff;
    text-shadow:none
}
::-moz-selection{
    background:#0d8e3b;
    color:#fff;
    text-shadow:none
}
::selection{
    background:#0d8e3b;
    color:#fff;
    text-shadow:none
}
mark{
    background:#0d8e3b;
    color:#fff
}
ol{
    padding:0;
    margin:0
}
ol li{
    list-style:decimal inside;
    padding:0;
    margin:0;
    line-height:30px
}
ol.alpha li{
    list-style:decimal-leading-zero inside;
    padding:0;
    margin:0
}
ol.roman{
    padding-left:15px
}
ol.roman li{
    list-style:lower-roman;
    padding:0;
    margin:0
}
ul{
    padding:0;
    margin:0
}
.footerlinks{
     font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    text-transform: capitalize;
}
.title,
.modal-title{
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
ul li{
    list-style:square inside;
    padding:0;
    margin:0;
    line-height:1.5
}
ul.disc li{
    list-style:disc inside;
    padding:0;
    margin:0;
    line-height:1.5
}
ul.list-style-1 li{
    list-style:none
}
.list-style-none li{
    list-style:none
}
.list-inline>li{
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
    background:#fff
}
.listtractor li{
    border:1px solid #ccc
}
blockquote{
    display:block;
    background:#fff;
    position:relative;
    font-size:14px;
    padding-left:60px;
    border-left:5px solid #f5f5f5;
    font-style:italic;
    padding-right:0
}
blockquote::before{
    content:"\201C";
    font-family:Georgia,serif;
    font-size:60px;
    font-weight:700;
    color:#e3e3e3;
    position:absolute;
    left:10px;
    top:25px
}
blockquote::after{
    content:""
}
blockquote cite{
    font-size:14px;
    margin-top:15px;
    display:block;
    font-weight:600;
    color:#0d8e3b
}
.quick-links .row.no-gutter{
    padding:0 15px
}
.no-gutter>[class*='col-']{
    padding-right:0;
    padding-left:0
}
.row-eq-height{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.car-details-sidebar .wizard-form.form-view-inner{
    padding:20px;
    border:1px solid #ccc;
    border-radius:9px
}
.page-section-ptb{
    padding:15px 0
}
.page-section-pt{
    padding:30px 0 0
}
.page-section-pb{
    padding:0 0 30px
}
.text-red{
    color:#0d8e3b
}
.text-white{
    color:#fff
}
.text-black{
    color:#323232
}
.text-gray{
    color:#626262
}
.white-bg{
    background:#fff
}
.gray-bg{
    background:#f3f3f3
}
.dark-gray-bg{
    background:#908f94
}
.red-bg{
    background:#0d8e3b
}
.section-title{
    margin-bottom:10px;
    text-align:center
}
.section-title .separator{
    position:relative;
    margin-top:10px;
    display:inline-block
}
.section-title h2{
    font-size:23px;
    text-transform:capitalize;
    font-weight:600
}
.section-title span{
    margin-bottom:10px;
    display:block
}
.section-title .separator:after{
    width:100px;
    display:block;
    margin:auto;
    content:"";
    height:1px;
    background:#0d8e3b;
    bottom:0;
    left:50%;
    transition:width .8s ease,background-color .8s ease;
    -webkit-transition:width .8s ease,background-color .8s ease;
    -o-transition:width .8s ease,background-color .8s ease;
    -ms-transition:width .8s ease,background-color .8s ease;
    -moz-transition:width .8s ease,background-color .8s ease
}
.section-title .separator:before{
    content:'';
    display:block;
    margin:auto;
    left:50%;
    height:1px;
    width:50px;
    bottom:-15px;
    background:#0d8e3b;
    transition:width .8s ease,background-color .8s ease;
    -webkit-transition:width .8s ease,background-color .8s ease;
    -o-transition:width .8s ease,background-color .8s ease;
    -ms-transition:width .8s ease,background-color .8s ease;
    -moz-transition:width .8s ease,background-color .8s ease;
    margin-bottom:6px
}
section:hover .section-title .separator:before{
    width:100px;
    left:0
}
section:hover .section-title .separator:after{
    width:50px;
    left:0
}
.slider-slick{
    width:100%;
    max-width:700px;
    margin:auto;
    position:relative
}
.slider-for{
    position:relative;
    overflow:hidden;
    width:100%
}
.slider-for-inner{
    display:flex;
    transition:transform 0.5s ease-in-out
}
.slider-for img{
    width:100%;
    border-radius:10px;
    flex-shrink:0
}
.slider-nav{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:10px;
    flex-wrap:wrap
}
.slider-nav img{
    width:80px;
    height:80px;
    object-fit:cover;
    cursor:pointer;
    border:2px solid #fff0;
    border-radius:8px
}
.slider-nav img.active{
    border-color:#dc3545
}
.slider-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgb(0 0 0 / .5);
    color:#fff;
    border:none;
    padding:8px 14px;
    font-size:22px;
    cursor:pointer;
    border-radius:50%;
    z-index:5
}
.mb-0{
    margin-bottom:0
}
.slider-prev{
    left:10px
}
.slider-next{
    right:10px
}
.slider-btn:hover{
    background:rgb(0 0 0 / .8)
}
.slider-slick{
    width:100%;
    max-width:700px;
    margin:auto;
    position:relative
}
.slider-for{
    position:relative;
    overflow:hidden;
    border:1px solid #ccc
}
.slider-for-inner{
    display:flex;
    transition:transform 0.5s ease-in-out
}
.slider-for .slider-item{
    width:100%;
    min-width:100%;
    flex-shrink:0;
    text-align:center
}
.slider-for .slider-item img{
    width:100%;
    border-radius:10px
}
.slider-nav{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:10px;
    flex-wrap:wrap
}
.slider-nav .slider-thumb{
    cursor:pointer;
    border:2px solid #fff0;
    border-radius:8px;
    overflow:hidden;
    width:80px;
    height:80px
}
.slider-nav .slider-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.slider-nav .slider-thumb.active{
    border-color:#dc3545
}
.slider-nav-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgb(0 0 0 / .5);
    color:#fff;
    border:none;
    padding:8px 14px;
    font-size:22px;
    cursor:pointer;
    border-radius:50%;
    z-index:5
}
.slider-prev-btn{
    left:10px
}
.slider-next-btn{
    right:10px
}
.slider-nav-btn:hover{
    background:rgb(0 0 0 / .8)
}
.carousel-inner{
    position:relative;
    width:100%;
   /* height:385px;*/
    height: auto !important;
    overflow:hidden
}
.carousel-item{
    position:relative;
    display:none;
    height:100%;
    float:left;
    width:100%;
    margin-right:-100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:transform .6s ease-in-out
}
.carousel-item img{
    object-fit:fill;
    height:100%
}
.custom-slider{
    width:100%;
    max-width:700px;
    margin:auto;
    position:relative
}
.custom-slider-main{
    position:relative;
    overflow:hidden;
    width:100%
}
.custom-slider-main-inner{
    display:flex;
    transition:transform 0.5s ease-in-out
}
.custom-slide{
    min-width:100%;
    flex-shrink:0;
    width:100%;
    text-align:center
}
.custom-slide img{
    width:100%;
    border-radius:10px
}
.custom-slider-thumbs{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:10px;
    flex-wrap:wrap
}
.custom-thumb{
    cursor:pointer;
    border:2px solid #fff0;
    border-radius:8px;
    overflow:hidden;
    width:80px;
    height:80px
}
.custom-thumb img{
    width:100%;
    height:100%;
    object-fit:cover
}
.custom-thumb.active{
    border-color:#dc3545
}
.custom-nav-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    background:rgb(0 0 0 / .5);
    color:#fff;
    border:none;
    padding:8px 14px;
    font-size:22px;
    cursor:pointer;
    border-radius:50%;
    z-index:5
}
.custom-prev-btn{
    left:10px
}
.custom-next-btn{
    right:10px
}
.custom-nav-btn:hover{
    background:rgb(0 0 0 / .8)
}
.custom-section-title{
    text-align:center;
    margin-bottom:40px;
    position:relative
}
.section-subtitle{
    font-size:14px;
    font-weight:600;
    color:#777;
    text-transform:uppercase;
    margin-bottom:5px;
    line-height:1.5
}
.section-title-main{
    font-size:20px;
    font-weight:700;
    color:#222;
    margin:0;
    line-height:1.3
}
.section-divider{
    display:inline-block;
    width:60px;
    height:3px;
    background:#007bff;
    border-radius:4px;
    margin-top:12px
}
.brand-card{
    flex:1 1 25%;
    padding:10px
}
.brand-card-inner{
    background:#fff;
    border-radius:12px;
    box-shadow:1px 2px 7px rgb(0 0 0 / 28%);
    text-align:center;
    transition:transform 0.3s ease;
    position:relative;
    overflow:hidden
}
.brand-card-inner:hover{
    transform:translateY(-5px)
}
.brand-card-image{
    position:relative;
    padding:20px
}
.brand-card-image img{
    width:80px;
    height:80px;
    object-fit:contain;
    border-radius:50%;
    transition:transform 0.3s ease
}
.brand-card-inner:hover img{
    transform:scale(1.1)
}
.brand-card-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgb(0 0 0 / .4);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transition:opacity 0.3s ease
}
.brand-card-inner:hover .brand-card-overlay{
    opacity:1
}
.brand-card-overlay a{
    color:#fff;
    font-size:1.2rem;
    background:#007bff;
    padding:8px 12px;
    border-radius:50%;
    text-decoration:none
}
.brand-card-content{
    padding:4px 0 7px;
    background:#0d8e3b
}
.brand-card-content a{
    color:#fff;
    font-weight:600;
    font-size:.95rem;
    text-decoration:none;
    transition:color 0.3s ease
}
.brand-card-content a:hover{
    color:#007bff
}
.image_all img{
    width:100%;
    height:100%;
    object-fit:cover
}
.login_design{
    padding:8px 19px!important;
    border-radius:5px;
    background:#0d8e3b!important;
    line-height:1.5
}
li.login_design a{
    display:flex;
    align-items:center;
    gap:5px;
    font-size:15px!important;
    color:#fff
}
.news-card{
    width:100%
}
.news-card-body{
    background:#fff;
    border:1px solid #e6e6e6;
    border-radius:12px;
    padding:16px;
    box-shadow:0 3px 8px rgb(0 0 0 / .08);
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.schemeimage{
    max-width:100px;
    max-height:100%;
    width:100%
}
.govscheme{
    padding:50px 0
}
.govscheme-card{
    background:#fff;
    border:1px solid #f1f1f1;
    box-shadow:0 1px 6px rgb(0 0 0 / 28%);
    border-radius:10px;
    padding:5px
}
.schemeimage .card-img-top{
    width:100%;
    height:100%;
    object-fit:contain
}
.schemedetails{
    padding:4px
}
.brandnewdesign.car-item-2 .price span{
    color:#fff
}
.allpara{
-webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:1.2;
    text-transform:capitalize;
    text-overflow:ellipsis;
    display:-webkit-box;
        margin: 5px 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    
}
.schemedetails h5{
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    line-height:1.2;
    text-transform:capitalize;
    text-overflow:ellipsis;
    display:-webkit-box;
    font-size:12px
}
span.new-price{
    cursor:pointer;
    font-size:16px;
    background:#0d8e3b;
    color:#fff;
    display:block;
    padding:8px;
    margin:5px 0
}
.readmorebutton{
    font-size:13.6px;
    color:green
}
.news-card-label span{
    display:inline-block;
    background:#e7e7e7;
    color:#333;
    font-size:13px;
    font-weight:600;
    border-radius:4px;
    padding:0 10px;
    line-height:1.5
}
.image_design_all{
    width:100%
}
.image_design_all a img{
    width:100%
}
.news-card-title{
    margin:5px 0;
    font-size:14px;
    font-weight:700;
    line-height:1.4;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    min-height:45px;
    height:100%
}
.news-card-title a{
    text-decoration:none;
    color:#222;
    transition:color 0.3s ease
}
.news-card-title a:hover{
    color:#007bff
}
.news-card-footer{
    display:flex;
    justify-content:space-between;
    align-items:center
}
.news-date{
    color:#888;
    font-size:.85rem
}
.news-read-link{
    color:#007bff;
    font-size:.85rem;
    font-weight:600;
    text-decoration:none;
    transition:color 0.3s ease
}
.news-read-link:hover{
    color:#0056b3
}
.button.buttonall{
    border-radius:0;
    box-shadow:1px 3px 0 #000;
    transition:0.2s linear all
}
.button.buttonall:hover{
    box-shadow:0 0 0 #000
}
@media(max-width:991px){
    .form_search{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%,-50%)
    }
}
.intro-title h1{
    margin:0;
    font-size:14px;
    text-align:left
}
.margin_custum_css.page-section-ptb{
    padding:10px 0 0
}
.form-control{
    font-size:14px;
    border-radius:0;
    box-shadow:none;
    height:auto;
    line-height:1.33333;
    padding:12px 18px;
    background:#fff0;
    color:#626262
}
.form-control:focus{
    box-shadow:none;
    border:1px solid #0d8e3b
}
.form-control.input-lg{
    resize:none;
    font-size:.9em
}
.form-control.rounded{
    border-radius:0
}
.form-control,.input-group-addon{
    border:1px solid #e3e3e3
}
.form-group label{
    color:#444;
    display:inline-block;
    margin-top:8px;
    margin-bottom:4px;
    text-transform:capitalize;
    font-size:13px
}
.form-inline button{
    margin:0
}
.form-group>label{
    display:block
}
.form-control::-moz-placeholder{
    color:#626262
}
.form-control::-ms-input-placeholder{
    color:#626262
}
.form-control::-webkit-input-placeholder{
    color:#626262
}
select{
    border:1px solid #232323;
    color:#777;
    cursor:pointer;
    display:block;
    line-height:14px;
    max-width:100%;
    min-width:100%;
    padding:10px 15px
}
.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border-color:#e3e3e3;
    padding:12px 20px
}
.select-hidden{
    display:none;
    visibility:hidden;
    padding-right:10px
}
.select{
    cursor:pointer;
    display:inline-block;
    position:relative;
    font-size:14px;
    color:#e3e3e3;
    width:100%;
    height:40px
}
.select-styled{
    text-align:left;
    font-size:14px;
    color:#323232;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border:1px solid #e3e3e3;
    background-color:#fff;
    padding:8px 15px;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in
}
.select-styled:after{
    content:"";
    width:0;
    height:0;
    border:7px solid #fff0;
    border-color:#e3e3e3 #fff0 #fff0 #fff0;
    position:absolute;
    top:18px;
    right:10px
}
.select-styled:active:after,.select-styled.active:after{
    top:10px;
    border-color:#fff0 #fff0 #e3e3e3 #fff0
}
.select-options{
    text-align:left;
    display:none;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:99;
    margin:0;
    padding:0;
    list-style:none;
    background-color:#fff;
    border:1px solid #e3e3e3;
    border-top:0
}
.select-options li{
    list-style:none;
    font-size:14px;
    padding-left:15px;
    color:#323232
}
.button{
    text-align:center;
    background:#0d8e3b;
    color:#fff;
    display:inline-block;
    text-transform:capitalize;
    vertical-align:middle;
    padding:8px 20px;
    -ms-transform:perspective(1px) translateZ(0);
    -o-transform:perspective(1px) translateZ(0);
    -moz-transform:perspective(1px) translateZ(0);
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    position:relative;
    -ms-transition-property:color;
    -moz-transition-property:color;
    -o-transition-property:color;
    -webkit-transition-property:color;
    transition-property:color;
    -ms-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    line-height:normal
}
.button:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#323232;
    -ms-transform:scaleY(0);
    -moz-transform:scaleY(0);
    -o-transform:scaleY(0);
    -webkit-transform:scaleY(0);
    transform:scaleY(0);
    -ms-transform-origin:50% 100%;
    -moz-transform-origin:50% 100%;
    -o-transform-origin:50% 100%;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%;
    -ms-transition-property:transform;
    -moz-transition-property:transform;
    -o-transition-property:transform;
    -webkit-transition-property:transform;
    transition-property:transform;
    -moz-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
    -ms-transition-duration:0.5s;
    -o-transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    transition-duration:0.5s;
    -ms-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.button:hover,.button:focus,.button:active{
    color:#fff
}
.button:hover:before,.button:focus:before,.button:active:before{
    -moz-transform:scaleY(1);
    -o-transform:scaleY(1);
    -ms-transform:scaleY(1);
    -webkit-transform:scaleY(1);
    transform:scaleY(1);
    -moz-transition-timing-function:cubic-bezier(.52,1.64,.37,.5);
    -ms-transition-timing-function:cubic-bezier(.52,1.64,.37,.5);
    -o-transition-timing-function:cubic-bezier(.52,1.64,.37,.5);
    -webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.5);
    transition-timing-function:cubic-bezier(.52,1.64,.37,.5)
}
.button.border{
    background:#fff0;
    border:1px solid #e3e3e3;
    color:#323232
}
.button.border:before{
    background:#0d8e3b
}
.button.border:hover,.button.border:focus,.button.border:active{
    color:#fff;
    border-color:#0d8e3b
}
.button.white{
    background:#fff;
    color:#0d8e3b
}
.button.white:before{
    background:#323232
}
.button.white:hover,.button.border:focus,.button.border:active{
    color:#fff;
    border-color:#0d8e3b
}
.button.black{
    background:#323232;
    color:#fff
}
.button.black:before{
    background:#fff
}
.button.black:hover,.button.border:focus,.button.border:active{
    color:#0d8e3b;
    border-color:#fff
}
#loading{
    background-color:#fff;
    height:100%;
    width:100%;
    position:fixed;
    z-index:1;
    margin-top:0;
    top:0;
    left:0;
    bottom:0;
    overflow:hidden!important;
    right:0;
    z-index:999999
}
#loading-center{
    width:100%;
    height:100%;
    position:relative
}
#loading-center img{
    text-align:center;
    left:0;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:99;
    margin:0 auto
}
.objects-car{
    position:relative;
    z-index:1;
    overflow:hidden
}
.objects-left{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    bottom:0;
    z-index:-1
}
.objects-left .objects-1{
    position:absolute;
    left:0;
    bottom:0
}
.objects-right{
    position:absolute;
    height:100%;
    width:100%;
    right:0;
    bottom:0;
    z-index:-1
}
.objects-right .objects-2{
    position:absolute;
    right:0;
    bottom:0
}
.objects-center{
    position:absolute;
    height:100%;
    width:100%;
    left:0;
    bottom:0;
    z-index:-1
}
.objects-center .objects-3{
    position:absolute;
    left:50%;
    bottom:0;
    margin-left:-450px
}
.welcome-block.objects-car{
    overflow:hidden;
    position:relative
}
.objects-left.left .objects-1{
    left:-190px
}
.objects-right.right .objects-2{
    right:-190px
}
.bg-1{
    background-clip:initial;
    background-color:#000;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover!important;
    position:relative;
    z-index:0;
    background-attachment:fixed
}
.bg-2{
    background:url(https://tractorkharido.com/resources/assets/img/slider2.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover!important;
    position:relative;
    z-index:0;
    background-attachment:fixed
}
.bg-3{
    background:url(https://tractorkharido.com/resources/assets/images/bg/03.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover!important;
    position:relative;
    z-index:0;
    background-attachment:fixed
}
.bg-4{
    background:url(https://tractorkharido.com/resources/assets/images/bg/04.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:center bottom;
    background-repeat:no-repeat;
    position:relative;
    z-index:0
}
.bg-5{
    background:url(https://tractorkharido.com/resources/assets/images/bg/05.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0
}
.bg-6{
    background:url(https://tractorkharido.com/resources/assets/images/bg/06.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important;
    background-attachment:fixed
}
.bg-7{
    background:url(https://tractorkharido.com/resources/assets/images/bg/07.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0
}
.bg-overlay-black-10:before{
    background:rgb(0 0 0 / .1);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-20:before{
    background:rgb(0 0 0 / .2);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-30:before{
    background:rgb(0 0 0 / .3);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-40:before{
    background:rgb(0 0 0 / .4);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-50:before{
    background:rgb(0 0 0 / .5);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-60:before{
    background:rgb(0 0 0 / .6);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-70:before{
    background:rgb(0 0 0 / .7);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-80:before{
    background:rgb(0 0 0 / .8);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-black-90:before{
    background:rgb(0 0 0 / .9);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-10:before{
    background:rgb(255 255 255 / .1);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-20:before{
    background:rgb(255 255 255 / .2);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-30:before{
    background:rgb(255 255 255 / .3);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-40:before{
    background:rgb(255 255 255 / .4);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-50:before{
    background:rgb(255 255 255 / .5);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-60:before{
    background:rgb(255 255 255 / .6);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-70:before{
    background:rgb(255 255 255 / .7);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-80:before{
    background:rgb(255 255 255 / .8);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-white-90:before{
    background:rgb(255 255 255 / .9);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-red-20:before{
    background:rgb(219 45 46 / .2);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-red-50:before{
    background:rgb(219 45 46 / .5);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-red-70:before{
    background:rgb(13 142 59 / .7);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
.bg-overlay-red-90:before{
    background:#000;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1
}
#header.defualt{
    background:#fff0;
    z-index:999;
    padding:0;
    margin:0;
    position:absolute;
    width:100%
}
.topbar{
    border-bottom:1px solid rgb(255 255 255 / .2);
    padding:10px 0;
    font-family:'Roboto',sans-serif
}
.topbar li,.topbar li a{
    color:#323232
}
.topbar-left li i{
    padding-right:5px
}
.topbar-right .list-inline li:last-child,.topbar-right li:last-child i{
    padding-right:0
}
.topbar .topbar-right li a:hover{
    color:#0d8e3b
}
.topbar-right li i{
    padding-right:5px
}
.mega-menu .menu-logo{
    padding:8px 0
}
.mega-menu .menu-logo img{
    height:90px
}
.mega-menu .menu-links>li{
    line-height:60px
}
.mega-menu .menu-links>li>a{
    ;
    text-transform:capitalize;
    font-size:14px;
    font-weight:500
}
.mega-menu .drop-down-multilevel.right-menu{
    right:0
}
.mega-menu .menu-links>li:last-child>a{
    padding-right:0
}
.mega-menu .menu-links>li.active .drop-down-multilevel a{
    color:#555
}
.mega-menu .menu-links>li.active .drop-down-multilevel a:hover{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down a{
    color:#323232
}
.mega-menu .menu-links>li.active .drop-down li.active a{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down a:hover{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down li.active a i{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down a i:hover{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active a{
    color:#0d8e3b;
    background:#f6f6f6
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a{
    color:#323232;
    background:#fff0
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a{
    color:#0d8e3b;
    background:#f6f6f6
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a{
    color:#323232;
    background:#fff0
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a .drop-down-multilevel li a:hover{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li.active a{
    color:#0d8e3b;
    background:#f6f6f6
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active i{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active i{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li a i{
    color:#323232
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active:hover .drop-down-multilevel li a:hover i{
    color:#0d8e3b
}
.mega-menu .menu-links>li.active .drop-down-multilevel li.active .drop-down-multilevel li.active .drop-down-multilevel li a:hover{
    color:#0d8e3b
}
.mega-menu .row{
    margin-left:0;
    margin-right:0
}
.mega-menu .col-md-12{
    padding-left:0;
    padding-right:0
}
.mega-menu.desktopTopFixed .menu-list-items{
    background:#323232;
    padding:0
}
.mega-menu.desktopTopFixed .menu-logo{
    padding:20px 0
}
.mega-menu.desktopTopFixed .search-top{
    padding:0 0
}
.mega-menu.desktopTopFixed .search-top.search-top-open .search-box{
    top:72px!important;
    border-bottom:1px solid #f6f6f6
}
#header.topbar-dark{
    background:#fff;
    z-index:999;
    padding:0;
    margin:0;
    position:relative;
    width:100%
}
#header.topbar-dark .topbar{
    border-bottom:1px solid;
    background:#fff;
    padding:5px 0;
    font-family:'Roboto',sans-serif
}
#header.topbar-dark .mega-menu .menu-links>li>a{
    color:#323232
}
#header.topbar-dark .mega-menu .menu-links>li>a:hover{
    color:#0d8e3b
}
#header.topbar-dark .mega-menu.desktopTopFixed>section.menu-list-items{
    background:#fff;
    border-bottom:1px solid #bebebe
}
#header.topbar-dark .mega-menu .menu-links>li.active a{
    color:#0d8e3b
}
#header.topbar-dark .mega-menu .menu-links>li.active .drop-down-multilevel li.active a{
    color:#0d8e3b
}
#header.topbar-dark .mega-menu .menu-links>li.active .drop-down-multilevel li a{
    color:#323232
}
#header.topbar-dark .mega-menu .menu-links>li.active .drop-down-multilevel li a:hover{
    color:#0d8e3b
}
#header.topbar-dark .mega-menu .menu-logo{
    padding:8px 0
}
#header.topbar-dark .mega-menu.desktopTopFixed .menu-logo{
    padding:6px 0
}
#header.topbar-dark .mega-menu .menu-links>li:first-child>a{
    padding-left:0
}
#header.fancy{
    background:#fff0;
    position:relative
}
#header.fancy .topbar{
    background:#0d8e3b;
    padding:15px 0 70px
}
#header.fancy .topbar .topbar-right li a:hover{
    color:#323232
}
#header.fancy .menu{
    position:absolute;
    width:100%;
    top:60px
}
#header.fancy .mega-menu>section.menu-list-items{
    background:#fff;
    padding:0 25px
}
#header.fancy .mega-menu.desktopTopFixed>section.menu-list-items{
    border-bottom:1px solid #f6f6f6
}
#header.fancy .mega-menu .menu-links>li>a{
    color:#323232
}
#header.fancy .mega-menu.desktopTopFixed .menu-links>li>a{
    color:#fff
}
#header.fancy .mega-menu .menu-links>li>a:hover{
    color:#0d8e3b
}
#header.fancy .mega-menu .menu-links>li.active a{
    color:#0d8e3b
}
#header.fancy .mega-menu.desktopTopFixed .menu-links>li>a{
    color:#323232
}
#header.fancy .mega-menu .menu-links>li.active a{
    color:#0d8e3b
}
#header.fancy .mega-menu .menu-links>li.active .drop-down-multilevel li.active a{
    color:#0d8e3b
}
#header.fancy .mega-menu .menu-links>li.active .drop-down-multilevel li a{
    color:#323232
}
#header.fancy .mega-menu .menu-links>li.active .drop-down-multilevel li a:hover{
    color:#0d8e3b
}
#header.fancy .search-top .search-btn{
    color:#323232
}
#header.fancy .search-top .search-btn:hover{
    color:#0d8e3b
}
#header.fancy .mega-menu .menu-logo{
    padding:33px 0
}
#header.fancy .mega-menu.desktopTopFixed .menu-logo{
    padding:20px 0
}
#header.light{
    background:#fff;
    position:relative
}
#header.light .mega-menu .menu-links>li>a{
    color:#323232
}
#header.light .mega-menu .menu-links>li>a:hover{
    color:#0d8e3b
}
#header.light .mega-menu>section.menu-list-items{
    background:#fff
}
#header.light .mega-menu .menu-links>li.active a{
    color:#0d8e3b
}
#header.light .mega-menu .menu-links>li.active .drop-down-multilevel li.active a{
    color:#0d8e3b
}
#header.light .mega-menu .menu-links>li.active .drop-down-multilevel li a{
    color:#323232
}
#header.light .mega-menu .menu-links>li.active .drop-down-multilevel li a:hover{
    color:#0d8e3b
}
#header.light .mega-menu.desktopTopFixed>section.menu-list-items{
    border-bottom:1px solid #f6f6f6
}
#header.light .search-top .search-btn{
    color:#323232
}
#header.light .search-top .search-btn:hover{
    color:#0d8e3b
}
#header.light .mega-menu .menu-logo{
    padding:33px 0
}
#header.light .mega-menu.desktopTopFixed .menu-logo{
    padding:20px 0
}
.bg-top-tractor{
    width:100%;
    height:100%;
    background-image:url(https://tractorkharido.com/resources/assets/images/sell-product.jpg)
}
.page-banner{
    position:relative
}
.card-title{
    font-size:18px;
    font-weight:600
}
.valuation_design{
    padding:20px 0
}
.page-banner .page-banner-content{
    width:100%
}
.valutioncss h1{
    font-size:20px;
    line-height:1.5;
    text-transform:capitalize
}
.valutioncss h2{
    font-size:18px;
    line-height:1.5;
    text-transform:capitalize
}
.page-banner .page-banner-content h1{
    margin:0;
    font-size:26px
}
.page-banner .page-banner-content h2{
    font-size:14px;
    margin:8px auto 0;
    max-width:500px;
    width:100%;
    line-height:inherit
}
.wizard-form{
    position:relative;
    background-color:#fff!important;
    border-radius:10px;
    padding:20px 0
}
.wizard-form .wizard-form-progressbar{
    overflow:hidden;
    position:relative;
    z-index:0
}
.wizard-form .wizard-form-progressbar li{
    width:20%;
    list-style:none;
    float:left;
    position:relative
}
.wizard-form .wizard-form-progressbar li#sell-info:before{
    background-image:url(https://tractorkharido.com/resources/assets/images/1.png)
}
.wizard-form .wizard-form-progressbar li#sell-images:before{
    background-image:url(https://tractorkharido.com/resources/assets/images/3.png)
}
.wizard-form .wizard-form-progressbar li#sell-personal-info:before{
    background-image:url(https://tractorkharido.com/resources/assets/images/4.png)
}
.wizard-form .wizard-form-progressbar li#sell-document:before{
    background-image:url(https://tractorkharido.com/resources/assets/images/6.png)
}
.wizard-form .wizard-form-progressbar li#sell-details:before{
    background-image:url(https://tractorkharido.com/resources/assets/images/2.png)
}
.wizard-form-progressbar li.active:before,.wizard-form-progressbar li.active:after{
    background-color:#cd454e
}
.wizard-form .wizard-form-progressbar li:before{
    content:"";
    background-size:26px;
    background-position:center center;
    background-repeat:no-repeat;
    width:50px;
    height:50px;
    line-height:45px;
    border-radius:50%;
    display:block;
    font-size:18px;
    color:#fff;
    background-color:#0D3B66;
    margin:0 auto 10px auto;
    padding:2px
}
.wizard-form-progressbar li.active:before,.wizard-form-progressbar li.active:after{
    background-color:#cd454e
}
.wizard-form .wizard-form-progressbar li:after{
    content:"";
    width:100%;
    height:2px;
    background:#0D3B66;
    position:absolute;
    left:0;
    top:25px;
    z-index:-1
}
.second-section h4{
    background-color:#f6f6f6;
    width:100%;
    padding:8px;
    margin-bottom:20px;
    margin-top:20px;
    text-align:left;
    border-left:5px solid #0d8e3b
}
.pb-40{
    padding-bottom:40px!important
}
.tab-head h4{
    background-color:#f6f6f6;
    width:100%;
    padding:8px;
    font-size:15px;
    margin-bottom:20px;
    margin-top:20px;
    text-align:center
}
.mb-3{
    margin-bottom:20px
}
.tab-section .comments{
    font-size:13px;
    margin-bottom:0px!important
}
.form-80{
    height:80px!important
}
.tab-button{
    text-align:center;
    background:#0d8e3b;
    font-size:15px;
    line-height:normal;
    color:#fff;
    width:100%;
    text-transform:capitalize;
    margin-top:20px;
    padding:8px 20px
}
.tp-caption.button.red{
    color:#ffffff!important
}
#rev_slider_2_1_wrapper .tp-loader.spinner3{
    background-color:#FFFFFF!important
}
.tp-caption.text-center{
    text-align:center!important
}
.hermes .tp-bullet{
    overflow:hidden;
    border-radius:50%;
    width:16px;
    height:16px;
    background-color:#fff0;
    box-shadow:inset 0 0 0 2px #fff;
    -webkit-transition:background 0.3s ease;
    transition:background 0.3s ease;
    position:absolute
}
.hermes .tp-bullet:hover{
    background-color:rgb(0 0 0 / .21)
}
.hermes .tp-bullet:after{
    content:' ';
    position:absolute;
    bottom:0;
    height:0;
    left:0;
    width:100%;
    background-color:#fff;
    box-shadow:0 0 1px #fff;
    -webkit-transition:height 0.3s ease;
    transition:height 0.3s ease
}
.hermes .tp-bullet.selected:after{
    height:100%
}
#rev_slider_4_1 .uranus .tp-bullet{
    border-radius:50%;
    box-shadow:0 0 0 2px #fff0;
    -webkit-transition:box-shadow 0.3s ease;
    transition:box-shadow 0.3s ease;
    background:#fff0;
    width:15px;
    height:15px
}
#rev_slider_4_1 .uranus .tp-bullet.selected,#rev_slider_4_1 .uranus .tp-bullet:hover{
    box-shadow:0 0 0 2px rgb(255 255 255);
    border:none;
    border-radius:50%;
    background:#fff0
}
#rev_slider_4_1 .uranus .tp-bullet-inner{
    -webkit-transition:background-color 0.3s ease,-webkit-transform 0.3s ease;
    transition:background-color 0.3s ease,transform 0.3s ease;
    top:0;
    left:0;
    width:100%;
    height:100%;
    outline:none;
    border-radius:50%;
    background-color:#fff;
    background-color:rgb(255 255 255 / .3);
    text-indent:-999em;
    cursor:pointer;
    position:absolute
}
#rev_slider_4_1 .uranus .tp-bullet.selected .tp-bullet-inner,#rev_slider_4_1 .uranus .tp-bullet:hover .tp-bullet-inner{
    transform:scale(.4);
    -webkit-transform:scale(.4);
    background-color:#fff
}
#rev_slider_3_1_wrapper .tp-loader.spinner2{
    background-color:#7f7f7f!important
}
#rev_slider_3_1 .zeus.tparrows{
    cursor:pointer;
    min-width:70px;
    min-height:70px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%;
    overflow:hidden;
    background:rgb(0 0 0 / .1)
}
#rev_slider_3_1 .zeus.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:70px;
    text-align:center;
    z-index:2;
    position:relative
}
#rev_slider_3_1 .zeus.tparrows.tp-leftarrow:before{
    content:"\e824"
}
#rev_slider_3_1 .zeus.tparrows.tp-rightarrow:before{
    content:"\e825"
}
#rev_slider_3_1 .zeus .tp-title-wrap{
    background:rgb(0 0 0 / .5);
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity:0;
    transform:scale(0);
    -webkit-transform:scale(0);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    border-radius:50%
}
#rev_slider_3_1 .zeus .tp-arr-imgholder{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-position:center center;
    background-size:cover;
    border-radius:50%;
    transform:translatex(-100%);
    -webkit-transform:translatex(-100%);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s
}
#rev_slider_3_1 .zeus.tp-rightarrow .tp-arr-imgholder{
    transform:translatex(100%);
    -webkit-transform:translatex(100%)
}
#rev_slider_3_1 .zeus.tparrows:hover .tp-arr-imgholder{
    transform:translatex(0);
    -webkit-transform:translatex(0);
    opacity:1
}
#rev_slider_3_1 .zeus.tparrows:hover .tp-title-wrap{
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:1
}
#rev_slider_10_1_wrapper .tp-loader.spinner3{
    background-color:#FFFFFF!important
}
.hesperiden.tparrows{
    cursor:pointer;
    background:rgb(0 0 0 / .5);
    width:40px;
    height:40px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%
}
.hesperiden.tparrows:hover{
    background:rgb(0 0 0)
}
.hesperiden.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:40px;
    text-align:center
}
.hesperiden.tparrows.tp-leftarrow:before{
    content:"\e82c";
    margin-left:-3px
}
.hesperiden.tparrows.tp-rightarrow:before{
    content:"\e82d";
    margin-right:-3px
}
#rev_slider_5_1_wrapper .tp-loader.spinner3{
    background-color:#FFFFFF!important
}
.hesperiden.tparrows{
    cursor:pointer;
    background:rgb(0 0 0 / .5);
    width:40px;
    height:40px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%
}
.hesperiden.tparrows:hover{
    background:rgb(0 0 0)
}
.hesperiden.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:40px;
    text-align:center
}
.hesperiden.tparrows.tp-leftarrow:before{
    content:"\e82c";
    margin-left:-3px
}
.hesperiden.tparrows.tp-rightarrow:before{
    content:"\e82d";
    margin-right:-3px
}
#rev_slider_5_1_wrapper .tp-caption#slide-16-layer-4{
    text-align:right!important
}
#rev_slider_8_1_wrapper .tp-loader.spinner2{
    background-color:#FFFFFF!important
}
.erinyen.tparrows{
    cursor:pointer;
    background:rgb(0 0 0 / .5);
    min-width:70px;
    min-height:70px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%
}
.erinyen.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:70px;
    text-align:center;
    z-index:2;
    position:relative
}
.erinyen.tparrows.tp-leftarrow:before{
    content:"\e824"
}
.erinyen.tparrows.tp-rightarrow:before{
    content:"\e825"
}
.erinyen .tp-title-wrap{
    position:absolute;
    z-index:1;
    display:inline-block;
    background:rgb(0 0 0 / .5);
    min-height:70px;
    line-height:70px;
    top:0;
    margin-left:0;
    border-radius:35px;
    overflow:hidden;
    transition:opacity 0.3s;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    transform:scale(0);
    visibility:hidden;
    opacity:0
}
.erinyen.tparrows:hover .tp-title-wrap{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    transform:scale(1);
    opacity:1;
    visibility:visible
}
.erinyen.tp-rightarrow .tp-title-wrap{
    right:0;
    margin-right:0;
    margin-left:0;
    -webkit-transform-origin:100% 50%;
    border-radius:35px;
    padding-right:20px;
    padding-left:10px
}
.erinyen.tp-leftarrow .tp-title-wrap{
    padding-left:20px;
    padding-right:10px
}
.erinyen .tp-arr-titleholder{
    letter-spacing:3px;
    position:relative;
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s;
    transform:translatex(200px);
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    font-size:13px;
    line-height:70px;
    white-space:nowrap;
    padding:0 20px;
    margin-left:11px;
    opacity:0
}
.erinyen .tp-arr-imgholder{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-position:center center;
    background-size:cover
}
.erinyen .tp-arr-img-over{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgb(0 0 0 / .51)
}
.erinyen.tp-rightarrow .tp-arr-titleholder{
    transform:translatex(-200px);
    margin-left:0;
    margin-right:11px
}
.erinyen.tparrows:hover .tp-arr-titleholder{
    transform:translatex(0);
    -webkit-transform:translatex(0);
    transition-delay:0.1s;
    opacity:1
}
.owl-item{
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.owl-carousel .owl-nav{
    display:block;
    position:absolute;
    text-indent:inherit;
    top:45%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    left:0;
    width:100%;
    cursor:pointer;
    z-index:999;
    opacity:0
}
.owl-carousel .owl-nav .owl-prev{
    display:block;
    position:absolute;
    text-indent:inherit;
    left:0;
    width:auto;
    cursor:pointer;
    -webkit-transition:opacity 0.3s ease 0s,left 0.3s ease 0s;
    -moz-transition:opacity 0.3s ease 0s,left 0.3s ease 0s;
    -ms-transition:opacity 0.3s ease 0s,left 0.3s ease 0s;
    -o-transition:opacity 0.3s ease 0s,left 0.3s ease 0s;
    transition:opacity 0.3s ease 0s,left 0.3s ease 0s
}
.owl-carousel .owl-nav .owl-next{
    display:block;
    position:absolute;
    text-indent:inherit;
    right:0;
    width:auto;
    cursor:pointer;
    -webkit-transition:opacity 0.3s ease 0s,right 0.3s ease 0s;
    -moz-transition:opacity 0.3s ease 0s,right 0.3s ease 0s;
    -ms-transition:opacity 0.3s ease 0s,right 0.3s ease 0s;
    -o-transition:opacity 0.3s ease 0s,right 0.3s ease 0s;
    transition:opacity 0.3s ease 0s,right 0.3s ease 0s
}
.owl-carousel .owl-nav .owl-prev i{
    padding-left:0
}
.owl-carousel .owl-nav i{
    font-size:20px;
    border-radius:50%;
    width:44px;
    height:44px;
    line-height:42px;
    padding-left:2px;
    display:inline-block;
    color:#0d8e3b;
    background:#fff;
    border:1px solid #e3e3e3;
    font-weight:400;
    text-align:center;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.owl-carousel .owl-nav i:hover{
    background:#0d8e3b;
    color:#fff;
    border-color:#0d8e3b
}
.owl-carousel .owl-item img{
    width:auto
}
.owl-carousel:hover .owl-nav{
    opacity:1
}
.owl-carousel:hover .owl-nav .owl-prev{
    left:-2%
}
.owl-carousel:hover .owl-nav .owl-next{
    right:-2%
}
.owl-carousel .owl-controls .owl-dot{
    display:inline-block;
    margin-top:20px
}
.owl-carousel .owl-dots{
    display:inline-block;
    position:relative;
    text-indent:inherit;
    width:100%;
    cursor:pointer;
    text-align:center
}
.owl-carousel.owl-theme .owl-dots .owl-dot{
    margin-top:5px;
    display:inline-block
}
.owl-carousel.owl-theme .owl-dots .owl-dot span{
    background:#a5a5a5;
    border-radius:30px;
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 3px;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    cursor:pointer
}
.owl-carousel.owl-theme .owl-dots .owl-dot:hover span{
    background:#0d8e3b
}
.owl-carousel.owl-theme .owl-dots .owl-dot.active span{
    background:#0d8e3b;
    width:24px
}
.typography-main h4.title{
    position:relative;
    padding-bottom:10px;
    margin-bottom:30px;
    display:block
}
.typography-main h4.title:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.typography p{
    margin-bottom:30px;
    display:block
}
.typography-main hr{
    margin:40px 0
}
.typography-main .typography-teg{
    margin-bottom:30px
}
.typography-main h5.title{
    margin-bottom:10px;
    display:block
}
.welcome-block p{
    padding:0 100px;
    margin-top:20px;
    display:block
}
.welcome-block p strong{
    font-style:italic
}
.welcome-block .halp-call{
    margin-top:60px
}
.welcome-block .halp-call img{
    width:80px;
    height:80px;
    border-radius:50%;
    display:inline-block;
    margin-bottom:5px
}
.welcome-block .halp-call span{
    font-weight:600;
    text-transform:uppercase;
    font-size:18px;
    margin-bottom:15px;
    display:block
}
.welcome-2{
    padding-bottom:410px
}
.welcome-3 .about{
    margin-top:0;
    margin-bottom:50px
}
.welcome-3 .about strong{
    margin-bottom:20px;
    display:block
}
.welcome-4 .feature-box-3{
    margin-top:50px
}
.welcome-4 .feature-box{
    margin-top:50px
}
.welcome-4 .feature-box-3 .content{
    display:table-cell
}
.welcome-4 .section-title p{
    margin-top:20px
}
.feature-box i{
    text-align:center;
    width:80px;
    height:80px;
    font-size:30px;
    line-height:80px;
    background:#f6f6f6;
    display:inline-block;
    border-radius:50%;
    color:#969696;
    margin-bottom:20px;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.feature-box h6{
    position:relative;
    padding-bottom:10px
}
.feature-box h6:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:50%;
    margin-left:-10px;
    bottom:0
}
.feature-box p{
    padding:0
}
.feature-box:hover i{
    background:#0d8e3b;
    color:#fff
}
.feature-box-2{
    background:#fff;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.feature-box-2.box-hover{
    padding:20px
}
.feature-box-2 i{
    color:#0d8e3b;
    font-size:30px;
    line-height:1;
    margin-bottom:20px;
    display:block;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.feature-box-2 p,.feature-box-2 h5{
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.feature-box-2.box-hover:hover,.feature-box-2.box-hover.active{
    background:#0d8e3b
}
.feature-box-2.box-hover:hover i,.feature-box-2.box-hover.active i,.feature-box-2.box-hover:hover p,.feature-box-2.box-hover.active p,.feature-box-2.box-hover:hover h5,.feature-box-2.box-hover.active h5{
    color:#fff
}
.feature-box-3 .icon{
    width:76px;
    height:76px;
    float:left;
    margin-right:10px;
    text-align:center;
    border-radius:50%;
    border:1px solid #fff;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.feature-box-3.grey-border .icon{
    border:1px solid #f6f6f6
}
.feature-box-3 .icon i{
    font-size:40px;
    background:#f6f6f6;
    display:block;
    border-radius:50%;
    margin:7px;
    width:60px;
    height:60px;
    line-height:60px;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    color:#363636
}
.feature-box-3 .content{
    display:table-cell;
    margin-top:10px;
    vertical-align:top
}
.feature-box-3 .content h5{
    margin-bottom:0;
    margin-top:10px
}
.feature-box-3 .content h6{
    margin-bottom:0;
    margin-top:20px;
    font-size:20px
}
.feature-box-3 .content p{
    margin-top:0px!important
}
.feature-box-3:hover .icon,.feature-box-3:hover .icon i{
    border-color:#0d8e3b
}
.feature-box-3:hover .icon i{
    background:#0d8e3b;
    color:#fff
}
.list-style-1 li i{
    font-size:14px;
    color:#0d8e3b;
    display:inline-block;
    padding-right:10px;
    padding-bottom:10px
}
.custom-block-1{
    padding:82px
}
.custom-block-1 h2{
    font-size:90px;
    font-weight:700;
    line-height:90px
}
.custom-block-1 span{
    font-size:20px;
    font-style:italic;
    display:block;
    color:#999;
    font-weight:600;
    display:block;
    margin:15px 0
}
.custom-block-1 strong{
    font-size:40px;
    font-weight:700;
    margin:15px 0;
    display:block
}
.custom-block-1 p{
    font-size:18px;
    font-weight:600;
    display:block;
    text-transform:uppercase
}
.custom-block-1 a{
    text-transform:uppercase;
    font-size:15px;
    font-weight:600;
    color:#0d8e3b
}
.custom-block-1 a:hover{
    color:#323232
}
.custom-block-2{
    margin-top:60px
}
.custom-block-2 span{
    font-size:16px
}
.custom-block-2 p{
    margin-top:20px;
    display:block;
    font-size:14px;
    font-style:italic;
    line-height:30px
}
.custom-block-2 .ceo strong{
    font-size:11px;
    text-transform:uppercase;
    font-weight:700
}
.custom-block-2 .ceo p{
    margin-top:5px;
    display:block;
    font-size:13px;
    font-style:inherit;
    line-height:0;
    text-transform:uppercase
}
.custom-block-3 .title h3{
    position:relative;
    padding-bottom:10px;
    margin-bottom:40px
}
.custom-block-3 .title h3:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.custom-block-3 .content h2{
    display:table-cell;
    padding-right:20px;
    font-size:50px;
    padding-top:5px
}
.custom-block-3 .content strong{
    display:table-cell;
    vertical-align:top;
    font-size:16px
}
.custom-block-3 .content p{
    margin-top:20px;
    display:block;
    margin-bottom:0
}
.custom-block-3 .feature-box-3{
    margin-top:0
}
.feature-car-area{
    padding-top:100px
}
.feature-car-area .feature-box-2{
    margin-bottom:60px
}
.feature-car-area img.big-car{
    position:absolute;
    top:0;
    left:0;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.feature-car-area img.big-car:hover{
    top:-30px
}
.blog-1 .blog-content{
    padding-left:30px
}
.blog-1 .blog-content a.link{
    text-transform:uppercase;
    position:relative;
    padding-bottom:10px;
    line-height:24px;
    font-size:18px;
    color:#363636;
    font-weight:600;
    font-family:'Roboto',sans-serif;
    display:block;
    margin-bottom:20px
}
.blog-1 .blog-content a.link:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.blog-1 .blog-content a.link:hover{
    color:#0d8e3b
}
.blog-1 .blog-content p{
    margin-top:25px
}
.blog-1 .blog-content a.button{
    margin-top:20px;
    display:inline-block
}
.blog-2 .blog-image{
    position:relative;
    padding-right:0
}
.blog-2 .blog-image .date{
    position:absolute;
    right:15px;
    bottom:0
}
.blog-2 .blog-image .date span{
    padding:5px 10px;
    background:#0d8e3b;
    line-height:18px;
    color:#fff;
    font-weight:600;
    display:block;
    text-align:center;
    text-transform:uppercase
}
.blog-2 .blog-content{
    background:#fff;
    position:relative;
    margin:0 0 0 -15px;
    border:1px solid #f6f6f6
}
.blog-2 .blog-admin-main{
    padding-left:0;
    border-bottom:1px solid #e3e3e3
}
.blog-2 .blog-content .blog-admin{
    clear:both;
    display:inline-block;
    padding:7px 0 0
}
.blog-2 .blog-content .blog-admin img{
    width:35px;
    height:35px;
    display:table-cell;
    float:left;
    border-radius:50%
}
.blog-2 .blog-content .blog-admin span{
    float:left;
    vertical-align:middle;
    font-size:14px;
    padding-top:5px;
    margin-left:8px
}
.blog-2 .blog-content .blog-meta ul li{
    display:inline-block;
    text-align:center;
    border-left:1px solid #e3e3e3;
    padding:0 10px;
    line-height:24px
}
.blog-2 .blog-content .blog-meta ul li a{
    color:#0d8e3b;
    cursor:pointer
}
.blog-2 .blog-content .blog-meta ul li a:hover{
    color:#363636
}
.blog-2 .blog-description{
    padding:10px 0
}
.blog-2 .blog-description{
    padding:10px 0
}
.blog-2 .blog-description.homescreenblog{
    padding:10px 0;
    height:60px
}
.img-fluid{
    width:100%
}
.blog-2 .blog-description a{
    margin-bottom:0;
    font-size:14px;
    display:block;
    color:#323232;
    font-weight:600;
    text-transform:capitalize;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box
}
.blog-2 .blog-description a:hover{
    color:#0d8e3b
}
.blog-2 .blog-description .separator{
    margin-bottom:15px
}
.blog-2 .blog-description .separator:after{
    width:50px;
    display:block;
    margin:auto;
    content:"";
    height:1px;
    background:#0d8e3b;
    bottom:0;
    left:50%;
    transition:width .8s ease,background-color .8s ease;
    -webkit-transition:width .8s ease,background-color .8s ease;
    -o-transition:width .8s ease,background-color .8s ease;
    -ms-transition:width .8s ease,background-color .8s ease;
    -moz-transition:width .8s ease,background-color .8s ease
}
.blog-2 .blog-description .separator:before{
    content:'';
    display:block;
    margin:auto;
    left:50%;
    height:1px;
    width:30px;
    bottom:-10px;
    background:#0d8e3b;
    transition:width .8s ease,background-color .8s ease;
    -webkit-transition:width .8s ease,background-color .8s ease;
    -o-transition:width .8s ease,background-color .8s ease;
    -ms-transition:width .8s ease,background-color .8s ease;
    -moz-transition:width .8s ease,background-color .8s ease;
    margin-bottom:4px
}
.blog-2:hover .separator:before{
    width:50px;
    left:0;
    background:#000
}
.blog-2:hover .separator:after{
    width:30px;
    left:0;
    background:#000
}
.latest-blog.border .blog-2 .blog-content{
    border:1px solid #e3e3e3
}
.share{
    position:relative;
    cursor:pointer
}
.share .blog-social{
    position:absolute;
    bottom:5px;
    right:0;
    transition:all 900ms ease;
    -webkit-transition:all 900ms ease;
    -ms-transition:all 900ms ease;
    -o-transition:all 900ms ease;
    -moz-transition:all 900ms ease;
    opacity:0;
    z-index:-1
}
.share .blog-social li a{
    padding:5px 0;
    width:30px;
    height:30px;
    background:#0d8e3b;
    border-radius:50%;
    text-align:center;
    display:flex;
    color:#ffffff!important;
    line-height:24px;
    font-size:12px;
    justify-content:center;
    align-items:center
}
.share .blog-social li a:hover{
    color:#fff;
    background:#363636
}
.share:hover .blog-social{
    opacity:1;
    bottom:71px;
    z-index:1
}
.share .blog-social a:hover i{
    color:#fff
}
.blog-2 .blog-content .blog-meta ul li.share ul li{
    border-left:0;
    padding:1px 10px
}
.blog .entry-share .share .blog-social li a{
    padding:5px 11px
}
.blog .entry-share .share .blog-social{
    right:5px;
    bottom:44px
}
.counter.counter-style-1 .counter-block i{
    display:inline-block;
    line-height:1
}
.allparanew{
    font-size: 22px;
    font-weight: 700;
}
.footerlinks{
        font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color:#fff;
}
.counter.counter-style-1 b{
    font-size:28px;
    display:block;
    color:#fff;
    font-weight:700;
    margin:10px 0 0
}
.counterpara{
        font-size: 15px;
    font-style: normal;
        margin-bottom: 0px;
    font-weight: 600;
    line-height: 24px;
}
.counter.counter-style-1 h6{
    position:relative;
    padding-bottom:0;
    margin:10px 0 0
}
.counter.counter-style-1 i:before{
    font-size:32px;
    color:#fff
}
.counter.counter-style-1.light i:before{
    color:#0d8e3b
}
.counter.counter-style-1.light b{
    color:#323232
}
.counter.counter-style-1.counter-light{
    margin-top:70px
}
.counter.counter-style-1.counter-light ul li{
    width:50%;
    float:left;
    padding:20px 48px
}
.counter.counter-style-1.counter-light .info{
    display:table-cell
}
.counter.counter-style-1.counter-light .icon{
    display:table-cell;
    padding:0 20px
}
.counter.counter-style-1.counter-light b{
    font-size:40px;
    display:block;
    color:#0d8e3b;
    font-weight:600;
    margin:10px 0
}
.counter.counter-style-1.counter-light h6{
    font-weight:500;
    font-size:12px;
    position:relative;
    padding-bottom:10px;
    margin:0;
    color:#999
}
.counter.counter-style-1.counter-light h6:before{
    display:none
}
.counter.counter-style-1.counter-light i:before{
    font-size:32px;
    color:#999
}
.counter.counter-style-1.counter-light ul li:nth-child(1){
    border-bottom:1px solid #f6f6f6;
    border-right:1px solid #f6f6f6
}
.counter.counter-style-1.counter-light ul li:nth-child(2){
    border-bottom:1px solid #f6f6f6
}
.counter.counter-style-1.counter-light ul li:nth-child(3){
    border-right:1px solid #f6f6f6;
    clear:both
}
.counter.counter-style-1.bg-red h6:before{
    background:#fff
}
.counter.counter-style-2 .separator:after{
    position:absolute;
    bottom:0;
    float:left;
    height:50px;
    display:block;
    margin:auto;
    content:"";
    width:1px;
    background:#fff;
    left:5px;
    transition:height .8s ease,background-color .8s ease;
    -webkit-transition:height .8s ease,background-color .8s ease;
    -o-transition:height .8s ease,background-color .8s ease;
    -ms-transition:height .8s ease,background-color .8s ease;
    -moz-transition:height .8s ease,background-color .8s ease
}
.counter.counter-style-2 .separator:before{
    position:absolute;
    bottom:0;
    float:left;
    content:'';
    display:block;
    margin:auto;
    width:1px;
    height:30px;
    background:#fff;
    transition:height .8s ease,background-color .8s ease;
    -webkit-transition:height .8s ease,background-color .8s ease;
    -o-transition:height .8s ease,background-color .8s ease;
    -ms-transition:height .8s ease,background-color .8s ease;
    -moz-transition:height .8s ease,background-color .8s ease;
    margin-right:10px
}
.counter.counter-style-2 .item:hover .separator:before{
    height:50px
}
.counter.counter-style-2 .item:hover .separator:after{
    height:30px
}
.counter.counter-style-2 .item .info{
    margin-left:30px;
    display:block
}
.counter.counter-style-2 .item .info i:before{
    font-size:30px;
    color:#fff;
    display:inline-block;
    margin-right:10px
}
.counter.counter-style-2 .item .info b{
    font-size:40px;
    font-weight:600;
    margin:10px 0
}
.counter.counter-style-2 .counter-block{
    margin-left:16px;
    position:relative
}
.section-title{
    margin-bottom:20px!important
}
.feature-car.new-arrival .car-item{
    margin-bottom:30px
}
.feature-car.new-arrival .owl-carousel .car-item{
    margin-bottom:0
}
.car-item{
    position:relative;
    overflow:hidden
}
.car-item .car-content{
    background:#fff;
    padding:10px
}
.car-item .car-content a{
    font-size:16px;
    font-weight:600;
    color:#0d8e3b;
    margin-bottom:10px;
    display:block;
    min-height:48px
}
.car-item .car-content a:hover{
    color:#363636
}
.car-item .price span{
    color:#363636;
    font-weight:700;
    font-size:16px
}
.car-item .price span.old-price{
    color:#999;
    text-decoration:line-through;
    padding-right:5px;
    font-size:13px;
    font-weight:400
}
.car-item .separator{
    margin-bottom:6px
}
.car-item .separator:after{
    width:50px;
    display:block;
    margin:auto;
    content:"";
    height:1px;
    background:#000;
    bottom:0;
    left:50%;
    transition:width .8s ease,background-color .8s ease;
    -webkit-transition:width .8s ease,background-color .8s ease;
    -o-transition:width .8s ease,background-color .8s ease;
    -ms-transition:width .8s ease,background-color .8s ease;
    -moz-transition:width .8s ease,background-color .8s ease
}
.car-item .separator:before{
    content:'';
    display:block;
    margin:auto;
    left:50%;
    height:1px;
    width:30px;
    bottom:-10px;
    background:#000;
    transition:width .8s ease,background-color .8s ease;
    -webkit-transition:width .8s ease,background-color .8s ease;
    -o-transition:width .8s ease,background-color .8s ease;
    -ms-transition:width .8s ease,background-color .8s ease;
    -moz-transition:width .8s ease,background-color .8s ease;
    margin-bottom:4px
}
.car-item:hover .separator:before{
    width:50px;
    left:0;
    background:#0d8e3b
}
.car-item:hover .separator:after{
    width:30px;
    left:0;
    background:#0d8e3b
}
.car-item .car-list{
    background:#fff;
    color:#363636;
    overflow:hidden;
    bottom:144px;
    height:0;
    left:0;
    position:absolute;
    transition:all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    width:100%;
    z-index:2;
    text-align:center
}
.car-item .car-list li{
    line-height:38px;
    color:#999;
    display:inline-block;
    padding-right:5px;
    padding-left:5px
}
.car-item .car-list li i{
    padding-right:3px
}
.car-item:hover .car-list{
    height:40px;
    border-bottom:1px solid #f6f6f6
}
.car-item .car-image{
    position:relative;
    overflow:hidden;
    height:auto
}
.car-item .car-image img{
    width:100%;
    height:100%;
    object-fit:cover
}
.car-item .car-overlay-banner{
    background:rgb(13 142 59 / .7);
    position:absolute;
    top:-100%;
    height:100%;
    width:100%;
    opacity:0;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s
}
.car-item .car-overlay-banner ul{
    left:0;
    position:absolute;
    right:0;
    top:40%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:99
}
.car-item .car-overlay-banner ul li{
    display:inline-block
}
.car-item .car-overlay-banner ul li a{
    background:#fff0;
    border:2px solid #fff;
    color:#fff;
    width:36px;
    height:36px;
    line-height:36px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%
}
.car-item .car-overlay-banner ul li a:hover{
    background:#fff;
    color:#0d8e3b
}
.car-item:hover .car-overlay-banner{
    opacity:1;
    top:0
}
.car-item.gray-bg .car-content{
    background:#fff
}
.bloggrid{
    padding:10px
}
.car-item .price .pricenew.new-price{
    cursor:pointer;
    font-size:16px;
    background:#0d8e3b;
    color:#fff;
    display:block;
    padding:8px;
    margin:5px 0
}
.car-item-2 .car-content{
    background:#fff;
    padding:7px 7px;
    margin:-3px 0
}
.car-item-2 .car-list{
    margin-bottom:10px
}
.car-item-2 .car-list ul li{
    border:1px solid #754d4d;
    padding:1px 10px;
    font-size:11px;
    line-height:1.5;
    background:#eee;
    margin:2px;
    font-weight:600
}
.car-item-2 .car-content a{
    caption-side:bottom;
    font-size:15px;
    font-weight:600;
    text-transform:capitalize;
    color:#323232;
    margin-bottom:5px;
    display:block;
    min-height:48px;
    text-align:center
}
.aboutuspage .section-title{
    text-align:left
}
.aboutuspage .section-title .separator{
    display:none
}
.car-item-2 .car-content a:hover{
    color:#0d8e3b
}
.car-item-2 .price span{
    color:#0d8e3b;
    font-weight:700;
    font-size:16px
}
.car-item-2 .price span.old-price{
    color:#999;
    text-decoration:line-through;
    padding-right:5px;
    font-size:13px;
    font-weight:400
}
.car-item-2 .car-image{
    position:relative;
    overflow:hidden;
    height:230px;
    object-fit:cover
}
.car-item-2 .car-image img{
    position:relative;
    overflow:hidden;
    height:230px;
    object-fit:cover;
    width:100%
}
.car-item-2 .car-overlay-banner{
    background:rgb(13 142 59 / .7);
    position:absolute;
    top:-100%;
    height:100%;
    width:100%;
    opacity:0;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s
}
.car-item-2 .car-overlay-banner ul{
    text-align:center;
    left:0;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:99
}
.car-item-2 .car-overlay-banner ul li{
    display:inline-block;
    text-align:center
}
.car-item-2 .car-overlay-banner ul li a{
    background:#fff0;
    border:2px solid #fff;
    color:#fff;
    width:36px;
    height:36px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    border-radius:50%
}
.car-item-2 .car-overlay-banner ul li a:hover{
    background:#fff;
    color:#0d8e3b
}
.car-item-2:hover .car-overlay-banner{
    opacity:1;
    top:0
}
.car-item-3{
    overflow:hidden;
    position:relative
}
.car-item-3 img{
    position:relative;
    transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
    -webkit-transition:all 0.7s ease-in-out
}
.car-item-3 .car-overlay{
    padding:10px 10px;
    background:#0d8e3b;
    position:absolute;
    bottom:0;
    width:100%;
    opacity:0;
    bottom:-100%;
    z-index:9;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s
}
.car-item-3 .car-overlay a{
    color:#fff;
    text-transform:uppercase;
    font-size:15px;
    font-weight:600;
    padding:0 5px
}
.car-item-3 .car-overlay a:hover{
    color:#323232
}
.car-item-3 .car-overlay span{
    color:#fff;
    display:block;
    padding:0 5px
}
.car-item-3:hover .car-overlay{
    bottom:0;
    opacity:1
}
.car-item-3:hover img{
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.car-item-3 .car-popup{
    text-align:center;
    left:0;
    position:absolute;
    right:0;
    top:-100%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:99;
    transition:all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s
}
.car-item-3 .car-popup a{
    width:40px;
    height:40px;
    line-height:40px;
    background:#fff;
    color:#0d8e3b;
    border-radius:50%;
    text-align:center;
    display:inline-block
}
.car-item-3 .car-popup a:hover{
    background:#0d8e3b;
    color:#fff
}
.car-item-3:hover .car-popup{
    top:40%
}
.feature-car .owl-carousel .owl-item img{
    width:100%
}
.play-video .play-video-bg{
    padding:100px 0 300px;
    position:relative
}
.play-video .play-video-bg h3{
    line-height:40px;
    margin-bottom:0
}
.play-video .video-info{
    margin-top:-200px;
    position:relative;
    z-index:1
}
.play-video .video-info a{
    width:90px;
    height:90px;
    padding:8px;
    background:#fff0;
    border:2px solid #fff;
    display:inline-block;
    margin:0 auto;
    border-radius:50%;
    left:0;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:9999;
    font-size:20px
}
.play-video .video-info a i{
    width:70px;
    height:70px;
    line-height:72px;
    background:#fff;
    color:#0d8e3b;
    border-radius:50%;
    padding-left:4px;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.play-video .video-info a:hover i{
    background:#323232;
    color:#fff
}
.play-video .video-info:before{
    background:rgb(219 45 46 / .8);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.car-top{
    width:45px;
    height:45px;
    text-align:center;
    position:fixed;
    bottom:-180px;
    right:30px;
    z-index:9999;
    opacity:1;
    cursor:pointer;
    background:#0d8e3b;
    color:#fff;
    font-size:25px;
    line-height:40px;
    border-radius:50%
}
.car-top.show{
    bottom:5%!important;
    -webkit-transition:1.0s;
    -moz-transition:1.0s;
    transition:1.0s
}
.car-top.car-run{
    bottom:100%!important;
    -webkit-transition:1.0s;
    -moz-transition:1.0s;
    transition:1.0s
}
.car-top.car-down{
    -webkit-transition:1.0s;
    -ms-transition:1.0s;
    -o-transition:1.0s;
    -moz-transition:1.0s;
    transition:1.0s
}
.car-top:before,.car-top:after{
    content:"";
    position:absolute;
    -o-transition:0.2s;
    -webkit-transition:0.2s;
    -ms-transition:0.2s;
    -moz-transition:0.2s;
    transition:0.2s;
    opacity:0
}
.car-top:hover:before,.car-top:hover:after,.car-top.car-run:before,.car-top.car-run:after{
    opacity:1
}
.car-top:before,.car-top.car-run:before{
    top:-1px;
    left:0;
    width:85px;
    height:89px;
    background:url(https://tractorkharido.com/resources/assets/images/car-focus.png) no-repeat 0 0
}
.footer h6{
    position:relative;
    padding-bottom:10px;
    margin-bottom:26px
}
.footer h6:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.social{
    margin-bottom:60px
}
.social ul{
    width:100%;
    display:table
}
.social ul li{
    display:table-cell;
    background:#fff0;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.social ul li a{
    line-height:60px;
    width:100%;
    padding:0 20px;
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase
}
.social ul li a i{
    font-size:30px;
    vertical-align:middle;
    color:rgb(255 255 255 / .4);
    float:right;
    line-height:60px
}
.social ul li:hover a.facebook{
    background:#3a5897
}
.social ul li:hover a.twitter{
    background:#41d1da
}
.social ul li:hover a.pinterest{
    background:#c3222b
}
.social ul li:hover a.dribbble{
    background:#dd4b80
}
.social ul li:hover a.google-plus{
    background:#0d8e3b
}
.social ul li:hover a.behance{
    background:#005cff
}
.about-content img{
    height:40px;
    margin-bottom:30px
}
.address{
    margin-top:20px
}
.address ul li{
    display:block;
    color:#909090;
    padding-bottom:15px
}
.address ul li:last-child{
    padding-bottom:0
}
.address ul li i{
    display:table-cell;
    width:20px;
    text-align:center;
    padding-right:10px
}
.address ul li span{
    display:table-cell
}
.usefull-link ul li{
    display:block;
    border-bottom:1px solid rgb(255 255 255 / .11);
    padding:10px 0
}
.usefull-link ul li:last-child{
    border-bottom:0
}
.usefull-link ul li a i{
    padding-right:10px
}
.usefull-link ul li a{
    color:#909090
}
.usefull-link ul li a:hover{
    color:#0d8e3b
}
.recent-post{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid rgb(255 255 255 / .11)
}
.recent-post:last-child{
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0
}
.recent-post-block h6{
    margin-bottom:40px
}
.recent-post-image{
    display:table-cell;
    width:60px;
    height:60px
}
.recent-post-image img{
    vertical-align:middle;
    width:100%;
    height:100%
}
.recent-post-info{
    display:table-cell;
    padding-left:15px;
    vertical-align:top
}
.recent-post-info a{
    color:#000;
    font-size:14px;
    vertical-align:top;
    display:block;
    line-height:1.5;
    font-weight:600
}
.recent-post-info a:hover{
    color:#0d8e3b
}
.recent-post-info span{
    color:#909090;
    font-size:12px;
    display:table
}
.recent-post-info i{
    color:#909090;
    font-size:14px;
    padding-right:5px
}
.footer .news-letter a.button.red{
    padding:7px 20px;
    margin-top:20px
}
.footer .news-letter .form-control{
    border-color:rgb(255 255 255 / .11)
}
.footer .news-letter .form-control:focus{
    border-color:#0d8e3b
}
.footer hr{
    margin-top:60px;
    border-color:rgb(255 255 255 / .11)
}
.footer .copyright{
    margin:40px 0 0;
    padding-bottom:30px
}
footer .copyright a{
    color:#0d8e3b
}
footer .copyright ul li{
    padding:0;
    color:#fff
}
footer .copyright ul li a{
    color:#909090;
    text-transform:capitalize;
    padding:0 3px
}
footer .copyright ul li a:hover{
    color:#0d8e3b
}
.footer-2{
    background:#101010
}
.footer-2 p{
    color:#909090
}
.footer-2 .social ul li{
    display:inline-block
}
.footer-2 .social ul li a{
    display:block;
    padding:0;
    text-align:center
}
.footer-2 .social ul li a i{
    font-size:14px;
    width:40px;
    height:40px;
    line-height:40px;
    float:none;
    background:rgb(39 39 39 / .2);
    margin-right:2px;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s
}
.footer-2 .social ul li a i:hover{
    background:#0d8e3b;
    color:#fff
}
.footer-2 .address ul li{
    padding-bottom:5px
}
.footer-2 .usefull-link h6,.footer-2 .keep-touch h6{
    margin-bottom:40px
}
.footer-2 .usefull-link ul li{
    display:block;
    border-bottom:0;
    padding:5px 0
}
.footer-2 .usefull-link ul li a i{
    padding-right:10px
}
.footer-2 .usefull-link ul li a{
    color:#909090
}
.footer-2 .usefull-link ul li a:hover{
    color:#0d8e3b
}
.footer-2 .news-letter{
    margin-top:20px
}
.footer-2 .input-group-btn button{
    background-color:#0d8e3b;
    border-color:#0d8e3b;
    border-radius:0;
    color:#fff;
    padding:11px 14px
}
.footer-2 .input-group-btn button:hover{
    background-color:#0d8e3b;
    border-color:#0d8e3b;
    border-radius:0;
    color:#000
}
.footer-2 .input-group.divcenter .form-control::-moz-placeholder{
    color:#909090;
    font-size:13px
}
.footer-2 .input-group.divcenter.input-group .form-control{
    padding-left:15px;
    border:1px solid #232323
}
.footer-2 .input-group.divcenter.input-group .form-control:focus{
    border-color:#0d8e3b;
    color:#323232
}
.footer-2 .footer-box{
    background:rgb(39 39 39 / .2);
    padding:30px;
    clear:both;
    margin-bottom:60px
}
.footer-2 .footer-box .box-content{
    display:table-cell;
    vertical-align:top
}
.footer-2 .footer-box .box-link{
    display:table-cell;
    padding-left:20px;
    vertical-align:middle
}
.footer-2 .footer-box .box-link a{
    display:block;
    padding:8px 16px;
    width:120px;
    background:#0d8e3b;
    border-color:#0d8e3b;
    color:#fff
}
.footer-2 .copyright{
    background:rgb(39 39 39 / .2);
    padding:30px 0 20px
}
.get-quote i{
    color:#fff;
    font-size:40px;
    display:inline-block;
    margin-bottom:20px
}
.get-quote h2{
    margin-bottom:30px
}
.get-quote p{
    font-size:20px
}
.footer-3{
    background:#222
}
.footer-3 p{
    color:#fff
}
.footer-3 .about-content h6{
    margin-bottom:22px;
    color:#fff
}
.footer-3 .social ul li{
    display:inline-flex
}
.footer-3 .social ul li a{
    display:block;
    padding:0;
    text-align:center;
    margin-right:10px;
    display:inline-block;
    text-align:center
}
.footer-3 .social ul li a i{
    font-size:12px;
    width:35px;
    height:35px;
    line-height:37px;
    text-align:center;
    border-radius:50%;
    background:rgb(39 39 39 / .8);
    display:inline-block;
    float:none;
    margin-right:2px;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s
}
.footer-3 .social ul li a i:hover{
    background:#0d8e3b;
    color:#fff
}
.footer-3 .usefull-link ul li{
    display:block;
    border-bottom:0;
    padding:5px 0
}
.footer-3 .usefull-link ul li a i{
    padding-right:10px
}
.footer-3 .usefull-link ul li a{
    color:#fff
}
.footer-3 .usefull-link ul li a:hover{
    color:#0d8e3b
}
.footer-3 .copyright{
    background:#000;
    padding:15px 0 2px;
    border-top:1px solid #fff
}
.footer-3 .copyright ul li a{
    color:#fff;
    text-transform:capitalize
}
.footer-3 .copyright ul li a:hover{
    color:#0d8e3b
}
.footer-3 h6{
    color:#fff
}
.footer-3.footer-topbar img{
    height:80px
}
.footer-3.footer-topbar .copyright{
    margin-top:20px
}
.footer-3 .footer-nav{
    margin-top:8px
}
.footer-3 .footer-nav ul li{
    display:inline-block
}
.footer-3 .footer-nav ul li a{
    text-transform:uppercase;
    font-weight:600;
    color:#fff;
    margin:0 5px
}
.footer-3 .footer-nav ul li a:hover{
    color:#0d8e3b
}
.footer-3.footer-topbar .top{
    margin-bottom:20px;
    justify-content:space-between;
    align-items:center
}
.footer-3.footer-topbar hr{
    margin-bottom:30px;
    opacity:1
}
.footer-3.footer-topbar .social{
    margin-bottom:0
}
.footer-3.footer-topbar .social ul li a{
    line-height:30px
}
.footer-3.footer-topbar .usefull-link ul li{
    padding:5px 0
}
.footer-3.light{
    background:#fff
}
.footer-3.light .copyright{
    background:#f6f6f6
}
.footer-3 .social ul li a i{
    background:#f6f6f6;
    color:#909090
}
.footer-3 hr{
    border-bottom-color:#f6f6f6
}
.content-box{
    background:#f6f6f6;
    position:relative;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:1;
    overflow:hidden
}
.content-box .box-info{
    position:relative;
    z-index:9
}
.content-box i{
    font-size:48px;
    line-height:100px;
    color:#0d8e3b;
    width:100%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.content-box h5{
    text-transform:uppercase;
    padding:0 0 10px;
    transition:all 0.3s ease-out 0s;
    margin-top:0
}
.content-box p{
    font-weight:400;
    padding:15px 20px;
    transition:all 0.3s ease-out 0s
}
.content-box a{
    font-size:14px;
    font-weight:400;
    color:gray;
    margin:25px 0 15px;
    display:block;
    position:relative;
    z-index:3;
    line-height:14px
}
.content-box .content-box-img{
    bottom:0;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    z-index:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    z-index:0;
    background-size:cover;
    background-position:center center
}
.content-box .border{
    border:none!important;
    position:absolute;
    background:#0d8e3b;
    height:0;
    bottom:0;
    left:0;
    z-index:2;
    width:100%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.content-box:hover .content-box-img,.content-box.active .content-box-img{
    opacity:1
}
.content-box:hover .border,.content-box.active .border{
    height:45px
}
.content-box:hover i,.content-box.active i{
    color:#fff
}
.content-box:hover h5,.content-box.active h5,.content-box:hover p,.content-box.active p{
    color:#fff
}
.content-box:hover a,.content-box.active a{
    color:#fff
}
.content-box:hover:before,.content-box.active:before{
    background:rgb(0 0 0 / .5) none repeat scroll 0 0;
    color:#fff;
    content:"";
    display:block;
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:1;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.content-box-2{
    border-top:4px solid #0d8e3b;
    position:relative;
    overflow:hidden
}
.content-box-2 a.title{
    font-size:18px;
    text-transform:uppercase;
    margin-bottom:10px;
    display:block;
    font-weight:700;
    line-height:24px;
    color:#363636
}
.content-box-2 a.title:hover{
    color:#0d8e3b
}
.content-box-2.car-bg-1{
    background:url(https://tractorkharido.com/resources/assets/img/bg-1.jpg) no-repeat;
    padding:30px 30px 154px
}
.content-box-2.car-bg-2{
    background:url(https://tractorkharido.com/resources/assets/img/bg-2.jpg) no-repeat;
    padding:30px 30px 154px
}
.content-box-2.car-bg-3{
    background:url(https://tractorkharido.com/resources/assets/img/bg-3.jpg) no-repeat;
    padding:30px 30px 154px
}
.content-box-2 i{
    color:#0d8e3b;
    font-size:30px;
    margin-bottom:20px;
    display:block
}
.content-box-2 a.link{
    font-size:14px;
    margin-bottom:10px;
    font-weight:600;
    color:#363636;
    text-transform:capitalize;
    opacity:0
}
.content-box-2 a.link i{
    font-size:14px;
    display:inline-block;
    padding-left:5px;
    color:#363636
}
.content-box-2:hover a.link{
    opacity:1
}
.content-box-2 a.link:hover,.content-box-2 a.link:hover i{
    color:#0d8e3b
}
.content-box-3{
    padding:15px 30px 0
}
.content-box-3 .info{
    padding:10px 0
}
.content-box-3 .info p{
    margin-bottom:20px
}
.content-box-4{
    position:relative;
    z-index:1;
    padding:30px 30px 120px 30px
}
.content-box-4 .info{
    margin-bottom:20px
}
.content-box-4 .link a{
    background:#0d8e3b;
    color:#fff;
    padding:6px 16px;
    display:inline-block
}
.content-box-4 .link a i{
    padding-left:10px
}
.content-box-4.car-bg-1{
    background:url(https://tractorkharido.com/resources/assets/images/car/15.jpg) no-repeat;
    background-size:cover
}
.content-box-4.car-bg-2{
    background:url(https://tractorkharido.com/resources/assets/images/car/16.jpg) no-repeat;
    background-size:cover
}
.content-box-4.car-bg-3{
    background:url(https://tractorkharido.com/resources/assets/images/car/17.jpg) no-repeat;
    background-size:cover
}
.content-box-5{
    padding-top:60px
}
.content-box-5 p{
    padding-right:150px
}
.content-box-5 a{
    font-size:25px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:20px;
    display:block;
    color:#323232
}
.content-box-5 a:hover{
    color:#0d8e3b
}
.content-box-5 .content-info{
    padding-bottom:110px;
    padding-left:80px
}
.content-box-5 .content-box-img{
    padding:0 40px;
    margin-bottom:-20px;
    position:relative
}
.content-box-5 .content-box-img i{
    font-size:100px;
    color:rgb(0 0 0 / .1);
    position:absolute;
    top:-30px;
    z-index:0;
    margin-bottom:60px;
    margin-left:-50px;
    left:50%;
    display:block;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.content-box-5:hover .content-box-img i{
    top:-50px
}
.content-box-main{
    overflow:hidden
}
.overlay-bg-right.dark-bg{
    background:#f0f2f5
}
.overlay-bg-right,.overlaybg-left{
    position:relative;
    z-index:1
}
.overlay-bg-right:before{
    content:"";
    background-color:#f0f2f5;
    position:absolute;
    height:100%;
    top:0;
    width:1000px;
    left:100%;
    z-index:0
}
.overlay-bg-left:before{
    content:"";
    background-color:#f6f6f6;
    position:absolute;
    height:100%;
    top:0;
    width:1000px;
    right:100%;
    z-index:0
}
.why-choose .feature-box{
    margin-bottom:60px
}
.our-service .feature-box-2{
    margin-top:40px
}
.our-service.objects-car{
    padding-bottom:340px;
    margin-bottom:60px
}
.our-service .objects-left .objects-1{
    left:-180px
}
.our-service .objects-right .objects-2{
    right:-180px
}
.news-letter-main{
    padding:30px 0
}
.news-letter-main .news-letter-form{
    position:relative;
    margin-top:6px
}
.news-letter-main .news-letter-form input{
    background:#fff;
    display:inline-block;
    height:50px;
    border:1px solid #fff
}
.news-letter-main .news-letter-form input:focus{
    border-color:#0d8e3b
}
.news-letter-main .news-letter-form a.button.red{
    padding:13px 20px;
    float:right
}
.news-letter-main h4{
    margin-bottom:5px;
    margin-top:6px
}
.quick-links{
    min-height:290px
}
.quick-links .link a{
    background:#fff;
    padding:30px 15px;
    border:1px solid #f6f6f6;
    margin-right:-1px;
    display:block;
    border-top:0
}
.quick-links .link a i{
    margin-bottom:40px;
    font-size:30px;
    width:80px;
    height:80px;
    line-height:80px;
    color:#323232;
    border:1px solid #f6f6f6;
    display:inline-block;
    text-align:center;
    border-radius:50%;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.quick-links .link a h6{
    margin-bottom:0;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.quick-links .link a:hover{
    background:#0d8e3b
}
.quick-links .link a:hover i{
    color:#fff
}
.quick-links .link a:hover h6{
    padding-top:30px;
    color:#fff
}
.timeline{
    list-style:none;
    padding:20px 0 20px;
    position:relative
}
.timeline:before{
    top:0;
    bottom:0;
    position:absolute;
    content:" ";
    width:1px;
    background-color:#dedede;
    left:50%;
    margin-left:-1.5px
}
.timeline>li{
    margin-bottom:100px;
    position:relative
}
.timeline>li:last-child{
    margin-bottom:20px
}
.timeline>li:before,.timeline>li:after{
    content:" ";
    display:table
}
.timeline>li:after{
    clear:both
}
.timeline>li:before,.timeline>li:after{
    content:" ";
    display:table
}
.timeline>li:after{
    clear:both
}
.timeline .timeline-body p{
    line-height:24px
}
.timeline>li>.timeline-panel{
    width:50%;
    float:left;
    border:1px solid #dedede;
    border-radius:2px;
    padding:20px;
    position:relative;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline>li.timeline-inverted+li:not(.timeline-inverted),.timeline>li:not(.timeline-inverted)+li.timeline-inverted{
    margin-top:-60px
}
.timeline>li:not(.timeline-inverted){
    padding-right:90px
}
.timeline>li.timeline-inverted{
    padding-left:90px
}
.timeline>li>.timeline-panel:before{
    position:absolute;
    top:26px;
    right:-15px;
    display:inline-block;
    border-top:15px solid #fff0;
    border-left:15px solid #ccc;
    border-right:0 solid #ccc;
    border-bottom:15px solid #fff0;
    content:" ";
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline>li>.timeline-panel:after{
    position:absolute;
    top:27px;
    right:-14px;
    display:inline-block;
    border-top:14px solid #fff0;
    border-left:14px solid #fff;
    border-right:0 solid #fff;
    border-bottom:14px solid #fff0;
    content:" ";
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline>li>.timeline-badge{
    color:#fff;
    width:50px;
    height:50px;
    line-height:50px;
    font-size:1.4em;
    text-align:center;
    position:absolute;
    top:16px;
    left:50%;
    margin-left:-25px;
    background-color:#fff;
    border:1px solid #dedede;
    z-index:100;
    border-top-right-radius:50%;
    border-top-left-radius:50%;
    border-bottom-right-radius:50%;
    border-bottom-left-radius:50%;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline>li>.timeline-badge h4{
    line-height:50px;
    color:#323232;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline .timeline-heading h5{
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline .timeline-heading h5:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.timeline>li.timeline-inverted>.timeline-panel{
    float:right
}
.timeline>li.timeline-inverted>.timeline-panel:before{
    border-left-width:0;
    border-right-width:15px;
    left:-15px;
    right:auto
}
.timeline>li.timeline-inverted>.timeline-panel:after{
    border-left-width:0;
    border-right-width:14px;
    left:-14px;
    right:auto
}
.timeline>li:hover>.timeline-badge{
    background-color:#0d8e3b
}
.timeline>li:hover>.timeline-panel{
    background:#0d8e3b;
    color:#fff;
    border-color:#fff0
}
.timeline>li:hover>.timeline-panel:after{
    border-left-color:#0d8e3b
}
.timeline>li.timeline-inverted:hover>.timeline-panel:after{
    border-right-color:#0d8e3b
}
.timeline>li:hover>.timeline-panel h5,.timeline>li:hover>.timeline-badge h4{
    color:#fff
}
.timeline>li:hover>.timeline-panel h5:before{
    background:#fff
}
.isotope-filters{
    display:table;
    margin:0 auto 40px;
    text-align:center
}
.isotope-filters button{
    text-transform:uppercase;
    font-weight:600;
    color:#323232;
    border:none;
    font-size:14px;
    margin:4px;
    cursor:pointer;
    color:#626262;
    padding:5px 18px;
    background:#fff0;
    border-bottom:2px solid #fff0;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.isotope-filters button:focus{
    outline:none;
    outline-style:none;
    outline-offset:0
}
.isotope-filters button.active,.isotope-filters button:hover{
    border-bottom-color:#0d8e3b;
    color:#0d8e3b
}
.recent-vehicle .isotope.column-4 .grid-item{
    width:25%;
    padding:15px
}
.recent-vehicle .isotope.column-5 .grid-item{
    width:20%
}
.team{
    overflow:hidden;
    background:#f6f6f6;
    margin-bottom:20px;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.team .team-image{
    overflow:hidden;
    position:relative
}
.team .team-image img{
    width:100%;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.team:hover .team-image img{
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.team .team-name{
    padding:20px;
    position:relative;
    z-index:4
}
.team .team-name .cat{
    font-style:italic;
    color:#fff
}
.team .team-name h5,.team .team-name span{
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s
}
.team .team-social{
    position:absolute;
    bottom:-5px;
    margin:0 auto;
    left:0;
    right:0
}
.team .team-social a{
    font-size:14px;
    height:40px;
    line-height:40px;
    margin:0 1px;
    text-align:center;
    width:40px;
    color:#0d8e3b;
    background:#fff;
    display:inline-block;
    transform:translate(0,40px);
    -webkit-transform:translate(0,40px);
    -o-transform:translate(0,40px);
    -moz-transform:translate(0,40px);
    -ms-transform:translate(0,40px);
    border-radius:50%
}
.team .team-social li a:hover{
    background:#0d8e3b;
    color:#fff
}
.team .team-social ul li{
    display:inline-block
}
.team .team-social ul li a.icon-1{
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
    transform:translate(0,40px)
}
.team .team-social ul li a.icon-2{
    -webkit-transition:all 0.4s ease-out 0s;
    -moz-transition:all 0.4s ease-out 0s;
    -ms-transition:all 0.4s ease-out 0s;
    -o-transition:all 0.4s ease-out 0s;
    transition:all 0.4s ease-out 0s;
    transform:translate(0,40px)
}
.team .team-social ul li a.icon-3{
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition:all 0.5s ease-out 0s;
    -ms-transition:all 0.5s ease-out 0s;
    -o-transition:all 0.5s ease-out 0s;
    transition:all 0.5s ease-out 0s;
    transform:translate(0,40px)
}
.team .team-social ul li a.icon-4{
    -webkit-transition:all 0.6s ease-out 0s;
    -moz-transition:all 0.6s ease-out 0s;
    -ms-transition:all 0.6s ease-out 0s;
    -o-transition:all 0.6s ease-out 0s;
    transition:all 0.6s ease-out 0s;
    transform:translate(0,40px)
}
.team:hover .team-social ul li a.icon-1{
    transform:translate(0,-20px);
    -webkit-transform:translate(0,-20px);
    -o-transform:translate(0,-20px);
    -moz-transform:translate(0,-20px);
    -ms-transform:translate(0,-20px)
}
.team:hover .team-social ul li a.icon-2{
    transform:translate(0,-20px);
    -webkit-transform:translate(0,-20px);
    -o-transform:translate(0,-20px);
    -moz-transform:translate(0,-20px);
    -ms-transform:translate(0,-20px)
}
.team:hover .team-social ul li a.icon-3{
    transform:translate(0,-20px);
    -webkit-transform:translate(0,-20px);
    -o-transform:translate(0,-20px);
    -moz-transform:translate(0,-20px);
    -ms-transform:translate(0,-20px)
}
.team:hover .team-social ul li a.icon-4{
    transform:translate(0,-20px);
    -webkit-transform:translate(0,-20px);
    -o-transform:translate(0,-20px);
    -moz-transform:translate(0,-20px);
    -ms-transform:translate(0,-20px)
}
.team:hover{
    background:#0d8e3b
}
.team:hover .text-black,.team:hover .text-black a{
    color:#fff
}
.team-2 .team-info{
    background:#f6f6f6;
    padding:20px;
    margin-bottom:30px
}
.team-2 .team-social{
    margin-top:20px
}
.team-2 .team-social ul li{
    display:inline-block
}
.team-2 .team-social ul li a{
    display:block;
    width:30px;
    height:30px;
    color:#fff;
    font-size:14px;
    text-align:center;
    line-height:30px;
    background:#0d8e3b
}
.team-2 .team-social ul li a:hover{
    background:#323232
}
.owl-carousel .team{
    margin-bottom:0
}
.search-top{
    display:block;
    float:right;
    line-height:60px;
    padding:0 0;
    vertical-align:top;
    z-index:999;
    margin-left:10px
}
.search-top .search-btn{
    display:block;
    position:relative;
    -o-transition:color 300ms ease 0s;
    -moz-transition:color 300ms ease 0s;
    -ms-transition:color 300ms ease 0s;
    -webkit-transition:color 300ms ease 0s;
    transition:color 300ms ease 0s;
    padding-left:20px
}
.search-top .search-btn:before{
    content:"\f041";
    font-family:"FontAwesome";
    font-weight:400;
    left:0;
    position:absolute;
    text-indent:0;
    top:0
}
.search-top .search-btn:hover{
    color:#0d8e3b
}
.search-top.search-top-open .search-btn:before{
    content:""
}
.search-box{
    background:#fff;
    display:block;
    margin:0;
    opacity:0!important;
    padding:15px 15px 10px;
    position:absolute;
    right:0;
    top:-9999px!important;
    transition:visibility 300ms ease 0s,opacity 300ms ease 0s;
    visibility:hidden;
    width:100%;
    z-index:888;
    border-top:5px solid #0d8e3b;
    max-width:300px
}
.search-top.search-top-open .search-box{
    opacity:1!important;
    top:60px!important;
    visibility:visible!important
}
.search-top .search-box input,.search-top .search-box Select{
    background:#f5f5f5;
    border:none;
    padding-left:15px;
    box-shadow:none;
    border-radius:0;
    color:#626262
}
.search-top .search-box input:focus,.search-top .search-box Select:focus{
    background:#0d8e3b;
    color:#FFF
}
.search-top.search-top-open i{
    cursor:pointer;
    font-size:15px;
    position:absolute;
    right:27px;
    top:31px
}
.search-top.search-top-open i:hover{
    color:#0d8e3b
}
.search-top .search-box .button{
    text-align:center;
    padding:10px 20px;
    display:block;
    border:none;
    width:100%
}
.search-top .select-styled{
    padding:10px 15px
}
.search-top .select-styled:after{
    top:16px
}
.search-top .select-styled:active:after,.search-top .select-styled.active:after{
    top:8px
}
.search .search-block{
    padding:15px 15px 10px;
    background:#fff;
    border:1px solid #e3e3e3;
    margin-top:0;
    position:absolute;
    z-index:1;
    left:20%;
    width:280px;
    top:50%;
    border-radius:5px;
    transform:translate(-50%,-50%)
}
.search .search-block .selectpicker{
    margin-bottom:12px;
    border-radius:0;
    border-color:#e3e3e3;
    padding:10px 15px
}
.search .search-block span{
    margin-bottom:5px;
    display:block;
    font-size:13px
}
.search .search-block .select{
    height:50px;
    margin-bottom:10px
}
.search .search-block .select-styled{
    padding:13px 15px;
    color:#999
}
.search .search-block .select-styled:after{
    top:22px;
    opacity:.5
}
.search .search-block .select-styled:active:after,.search .search-block .select-styled.active:after{
    top:14px
}
.search .search-block .select-options li{
    color:#999
}
.search .search-block .selected-box .select-options{
    max-height:170px;
    overflow:auto
}
.search-top .selected-box .select-options{
    max-height:170px;
    overflow:auto
}
.price-slide .price label{
    color:#000;
    font-size:14px;
    text-transform:uppercase;
    display:block
}
.price-slide .price input{
    background:#fff0;
    border:none;
    height:inherit;
    display:block;
    color:#888;
    font-size:14px;
    padding:2px 0;
    display:inline-block;
    width:inherit;
    border:0;
    font-weight:700
}
.price-slide #slider-range{
    margin-top:10px;
    margin-bottom:30px
}
.price-slide a.button{
    font-size:14px;
    font-weight:600;
    display:block
}
.price-slide a{
    font-size:12px;
    padding-left:20px;
    font-weight:600
}
.price-slide a.link{
    margin-top:40px;
    display:inline-block;
    color:#0d8e3b
}
.price-slide a.link:hover{
    color:#323232
}
.price-slide-2 .price label{
    color:#000;
    font-size:14px;
    text-transform:uppercase;
    display:block
}
.price-slide-2 .price input{
    background:#fff0;
    border:none;
    height:inherit;
    display:block;
    color:#888;
    font-size:14px;
    padding:2px 0;
    display:inline-block;
    width:inherit;
    border:0;
    font-weight:700;
    margin-bottom:10px
}
.price-slide-2 #slider-range{
    margin-top:10px
}
.price-slide-2 a.button{
    border-radius:3px;
    border:1px solid #e3e3e3;
    font-weight:600;
    display:inline-block;
    margin-top:40px
}
.price-slide-2 a{
    font-size:12px;
    padding-left:20px;
    font-weight:600
}
.inner-intro{
    height:60px;
    display:block
}
.inner-intro .container{
    display:table;
    height:100%;
    position:relative
}
.inner-intro span{
    text-transform:capitalize
}
.intro-title{
    display:table-cell;
    vertical-align:middle;
    padding-bottom:0
}
.inner-intro .intro-title.row [class*='col-']{
    padding-right:0;
    padding-left:0
}
ul.page-breadcrumb li span{
    color:#fff;
    font-size:14px;
    text-transform:capitalize
}
ul.page-breadcrumb{
    padding-top:0;
    padding-bottom:0
}
ul.page-breadcrumb li{
    color:#fff;
    display:inline-block;
    list-style:none
}
ul.page-breadcrumb li i{
    font-size:14px;
    padding:0 7px
}
ul.page-breadcrumb li a{
    color:#fff;
    font-size:14px;
    text-transform:capitalize
}
ul.page-breadcrumb li a:hover{
    color:#0d8e3b
}
.inner-service .feature-box-2{
    border-right:1px solid #dedede;
    border-bottom:1px solid #dedede;
    padding:40px 30px
}
.inner-service .feature-box-2.no-br{
    border-right:0
}
.inner-service .feature-box-2.no-bb{
    border-bottom:0
}
.service-center h5{
    margin-bottom:10px
}
.service-center .list-style-1{
    margin-top:20px;
    display:flex;
    flex-wrap:wrap
}
.service-center .list-style-1 li{
    max-width:50%;
    width:100%
}
.opening-hours{
    padding:25px
}
.opening-hours h6{
    position:relative;
    padding-bottom:10px;
    margin-bottom:15px
}
.opening-hours h6:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.opening-hours strong{
    width:100px;
    display:inline-block;
    color:#363636
}
#formmessage{
    display:none
}
.form-horizontal .form-group{
    width:100%;
    margin-left:0;
    margin-right:0
}
.gray-form input,.gray-form textarea{
    width:100%;
    resize:vertical;
    background:#f6f6f6;
    border:1px solid #fff0;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.gray-form input.form-check-input{
    width:1em;
    margin-top:10px
}
.gray-form input.form-check-input:focus{
    background-color:#0d8e3b;
    border:1px solid #0d8e3b!important;
    box-shadow:none
}
.form-check .form-check-label{
    line-height:24px;
    padding-left:5px
}
.gray-form input:focus,.gray-form textarea:focus{
    background:#fff0;
    border:1px solid #0d8e3b!important
}
.gray-form .button.red{
    display:block;
    text-align:center;
    border:0;
    width:100%
}
.gray-form .select-styled{
    background:#f6f6f6;
    border-color:#f6f6f6;
    line-height:20px
}
.welcome-block.why-choose .halp-call{
    margin-top:0
}
.contact .contact-box{
    padding:30px 10px;
    background:#f6f6f6;
    height:100%
}
.contact .contact-box p{
    margin-bottom:0
}
.contact .contact-box i{
    color:#0d8e3b;
    font-size:30px;
    display:block;
    margin-bottom:20px
}
.contact .contact-box,.contact .contact-box p,.contact .contact-box i,.contact .contact-box h5{
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.contact .contact-box:hover{
    background:#0d8e3b
}
.contact .contact-box:hover i,.contact .contact-box:hover p,.contact .contact-box:hover h5{
    color:#fff
}
.contact-map{
    height:400px
}
.contact-map .container-fluid{
    padding:0
}
.contact-map .container-fluid iframe{
    border:0;
    width:100%;
    height:400px
}
.contact-2 .feature-box-3{
    display:block;
    margin-bottom:20px
}
.contact-2 .opening-hours{
    margin-top:50px;
    display:block
}
.contact-2 .gray-form{
    padding-right:50px
}
.contact-2 .gray-form p{
    margin-bottom:30px
}
.contact-2 .gray-form a.button.red{
    display:block
}
form.gray-form .form-notice p{
    margin-bottom:10px
}
.contact-2 .gray-form .form-notice p{
    margin-bottom:10px
}
.register-form{
    display:block
}
.register-form select{
    width:100%;
    margin-bottom:20px;
    padding-left:15px;
    background:#f6f6f6;
    border-color:#f6f6f6
}
.register-form p.link{
    margin-top:20px;
    margin-bottom:0
}
.register-form p.link a{
    color:#0d8e3b
}
.register-form .select{
    height:50px
}
.register-form .select-styled{
    padding:13px 15px;
    background:#f6f6f6;
    border-color:#f6f6f6
}
.register-form .select-styled:after{
    top:22px
}
.register-form .select-styled:active:after,.register-form .select-styled.active:after{
    top:14px
}
.register-form .select-options{
    border-color:#f6f6f6
}
.register-form .selected-box.auto-hight .select-options{
    max-height:170px;
    overflow:auto
}
.remember-checkbox a{
    color:#0d8e3b;
    margin-top:6px
}
.remember-checkbox label{
    position:relative;
    padding-left:30px;
    font-size:14px;
    cursor:pointer
}
.remember-checkbox label:before,label:after{
    font-family:FontAwesome;
    font-size:17px;
    position:absolute;
    top:-3px;
    left:0;
    padding-left:2px
}
.remember-checkbox label:before{
    border:2px solid #0d8e3b;
    content:"";
    height:20px;
    margin-top:3px;
    width:20px
}
.remember-checkbox label:after{
    content:'\f00c';
    max-width:0;
    overflow:hidden;
    opacity:.5;
    transition:all 0.35s;
    -webkit-transition:all 0.35s;
    -ms-transition:all 0.35s;
    -ms-transition:all 0.35s;
    -o-transition:all 0.35s
}
.remember-checkbox input[type="checkbox"]{
    display:none
}
.remember-checkbox input[type="checkbox"]:checked+label:after{
    max-width:25px;
    opacity:1
}
#one+label:before,#one+label:after{
    color:#0d8e3b
}
.login-form .login-social{
    margin-top:40px
}
.login-form .login-social ul{
    display:block;
    margin-top:25px
}
.login-form .login-social ul li{
    display:inline-block;
    margin:0 3px
}
.login-form .login-social ul li a{
    padding:6px 20px;
    color:#0d8e3b
}
.login-form .login-social ul li a i{
    padding-right:10px
}
.login-form .login-social ul li a.fb{
    background:#4c70ad;
    color:#fff
}
.login-form .login-social ul li a.twitter{
    background:#41d1da;
    color:#fff
}
.login-form .login-social ul li a.pinterest{
    background:#dd4b39;
    color:#fff
}
.error-page h2{
    font-size:400px;
    color:#f6f6f6;
    line-height:300px
}
.error-page img{
    margin-top:-80px
}
.error-page h3{
    font-size:60px;
    margin-bottom:30px
}
.error-page strong{
    font-style:italic;
    font-size:20px;
    display:block;
    margin-bottom:30px;
    margin-top:30px
}
.error-page .error-search{
    margin-top:30px;
    padding:0 50px
}
.error-page .error-search a.button{
    padding:10px 20px;
    display:block;
    text-align:center
}
.error-page .error-content p a{
    color:#0d8e3b
}
.coming-soon .section-title{
    margin-bottom:30px
}
.coming-soon .countdown p{
    font-size:20px;
    padding:0 190px;
    line-height:40px;
    margin-bottom:60px
}
.coming-soon .countdown{
    list-style:none;
    margin:0 0 45px;
    padding:0;
    display:block;
    text-align:center
}
.coming-soon .countdown li{
    display:inline-block;
    width:24%
}
.coming-soon .countdown li span{
    font-size:46px;
    font-weight:700;
    line-height:20px;
    color:#0d8e3b
}
.coming-soon .countdown li p{
    color:#626262;
    font-size:20px;
    padding:0;
    margin-bottom:20px;
    text-transform:capitalize
}
.coming-soon .coming-soon-search p{
    font-size:18px;
    margin-bottom:30px;
    margin-top:50px
}
.coming-soon .coming-soon-search a.button{
    padding:10px 20px;
    display:block;
    text-align:center
}
.terms-and-conditions p{
    margin-bottom:30px
}
.terms-and-conditions ul.list-style-1{
    margin-bottom:30px;
    display:block
}
.privacy-policy p{
    margin-bottom:30px
}
.privacy-policy ul.list-style-1{
    margin-bottom:30px;
    display:block
}
.privacy-policy a{
    color:#0d8e3b
}
#tabs{
    margin:0;
    padding:0
}
#tabs .nav-tabs{
    position:relative;
    margin:0;
    border-bottom:none
}
#tabs .nav-tabs li.nav-item{
    list-style:none;
    margin-right:3px
}
#tabs .nav-tabs li.nav-item:last-child{
    margin-right:0
}
#tabs .nav-tabs li.nav-item .nav-link{
    font-size:14px;
    text-transform:uppercase;
    font-weight:600;
    border:none;
    border-bottom:3px solid #fff0;
    line-height:25px;
    padding:10px 10px;
    color:#363636;
    overflow:hidden;
    background:#fff0;
    margin-bottom:0;
    display:inline-block;
    margin:0;
    cursor:pointer;
    position:relative;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out
}
#tabs ul.nav-tabs li.nav-item .nav-link.active,#tabs ul.nav-tabs li.nav-item .nav-link.active:focus,#tabs ul.nav-tabs li.nav-item .nav-link:hover{
    border-bottom:3px solid #0d8e3b
}
#tabs .tab-content{
    overflow:visible;
    margin-bottom:20px;
    margin-top:20px
}
.accordion .accordion-header{
    font-size:14px;
    color:#000
}
.accordion .accordion-header .accordion-button.collapsed{
    text-transform:capitalize;
    font-weight:700;
    background:#fff0;
    margin-top:20px;
    border:1px solid #e3e3e3;
    display:block;
    position:relative;
    color:#363636;
    text-decoration:none;
    padding:11px 60px;
    -webkit-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -moz-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -o-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -ms-transition:all 0.27s cubic-bezier(0,0,.58,1);
    transition:all 0.27s cubic-bezier(0,0,.58,1)
}
.accordion .accordion-header .accordion-button.collapsed:hover{
    text-decoration:none;
    background-color:#fff0;
    color:#0d8e3b
}
.accordion .accordion-header .accordion-button{
    font-size:16px;
    text-transform:capitalize;
    font-weight:700;
    line-height:1.5;
    background-color:#0d8e3b;
    cursor:default;
    margin-top:13px;
    border:1px solid #0d8e3b;
    padding:15px 37px;
    padding-right:10px;
    color:#fff
}
.accordion .accordion-header .accordion-button.collapsed:after{
    content:"\f078";
    width:20px;
    height:20px;
    margin-top:-8px;
    position:absolute;
    top:50%;
    left:20px;
    font-family:'FontAwesome';
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    font-size:14px;
    line-height:20px;
    text-align:center;
    color:#626262;
    -webkit-font-smoothing:antialiased;
    -webkit-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -moz-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -o-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -ms-transition:all 0.27s cubic-bezier(0,0,.58,1);
    transition:all 0.27s cubic-bezier(0,0,.58,1)
}
.accordion .accordion-header .accordion-button:after{
    content:"\f078";
    width:20px;
    height:20px;
    margin-top:-8px;
    position:absolute;
    top:50%;
    left:5px;
    font-family:'FontAwesome';
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    font-size:14px;
    line-height:20px;
    text-align:center;
    color:#626262;
    -webkit-font-smoothing:antialiased;
    -webkit-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -moz-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -o-transition:all 0.27s cubic-bezier(0,0,.58,1);
    -ms-transition:all 0.27s cubic-bezier(0,0,.58,1);
    transition:all 0.27s cubic-bezier(0,0,.58,1)
}
.accordion .accordion-header .accordion-button:after,.accordion .accordion-header .accordion-button:after{
    content:"\f077";
    color:#fff
}
.accordion .accordion-header .accordion-button:hover{
    color:#fff
}
.accordion .accordion-header .accordion-button.collapsed:hover:after{
    color:#0d8e3b
}
.accordion .accordion-item .accordion-collapse .accordion-body{
    border:1px solid #e3e3e3;
    padding:25px;
    background:#fff0
}
.accordion .accordion-item{
    border:none;
    background-color:#fff0
}
.accordion .accordion-button::after{
    background-image:inherit
}
.accordion .accordion-button:not(.collapsed)::after{
    background-image:inherit;
    transform:none;
    box-shadow:inherit
}
.accordion .accordion-item:first-of-type{
    border:none
}
.accordion .accordion-item:last-of-type .accordion-button.collapsed{
    border-radius:inherit
}
.accordion-button:focus{
    box-shadow:none
}
.career .career-info{
    margin-top:50px
}
.career .career-info p{
    margin-bottom:30px
}
.career .gray-form{
    margin-top:30px
}
.career .career-info p a{
    color:#0d8e3b
}
.blog-sidebar .sidebar-widget{
    margin-bottom:40px
}
.blog-sidebar .sidebar-widget h6{
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px
}
.blog-sidebar .sidebar-widget h6:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.blog-sidebar .widget-search{
    position:relative
}
.blog-sidebar .widget-search input{
    padding-right:30px;
    color:#323232;
    height:45px;
    border-color:#f6f6f6;
    background:#f6f6f6;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out
}
.blog-sidebar .widget-search input:focus{
    background:#fff0
}
.blog-sidebar .widget-search i{
    position:absolute;
    right:0;
    padding:16px 12px;
    font-size:14px;
    color:#626262;
    cursor:pointer
}
.blog-sidebar .widget-search input:focus{
    border-color:#0d8e3b
}
.blog-sidebar .widget-link ul li{
    display:block;
    clear:both
}
.blog-sidebar .widget-link ul li a i{
    padding-right:10px
}
.blog-sidebar .widget-link ul li a{
    display:block;
    border-bottom:1px solid #e3e3e3;
    padding:10px 0;
    color:#999
}
.blog-sidebar .widget-link ul li a:hover{
    color:#0d8e3b;
    border-color:#0d8e3b
}
.blog-sidebar .sidebar-widget .recent-post{
    margin-bottom:10px;
    padding-bottom:10px;
    border-color:#e3e3e3
}
.blog-sidebar .sidebar-widget .recent-post:last-child{
    border-bottom:0
}
.blog-sidebar .sidebar-widget .tags li{
    display:inline-block;
    margin:2px
}
.blog-sidebar .sidebar-widget .tags li a{
    display:block;
    color:#999;
    border:1px solid #e3e3e3;
    background:#fff0;
    padding:5px 10px;
    margin-bottom:5px;
    font-size:14px;
    text-transform:capitalize
}
.blog-sidebar .sidebar-widget .tags li a:hover{
    background:#0d8e3b;
    color:#fff;
    border-color:#0d8e3b
}
.masonry{
    position:relative
}
.masonry .masonry-item{
    float:left;
    margin-bottom:40px
}
.masonry.columns-2 .masonry-item{
    width:50%;
    padding:0 15px 0
}
.masonry.columns-3 .masonry-item{
    width:33.333%;
    padding:0 15px 0
}
.masonry.columns-4 .masonry-item{
    width:25%;
    padding:0 15px 0
}
.blog .entry-title a{
    font-size:15px;
    font-style:normal;
    line-height:1.5;
    color:#363636;
    text-transform:capitalize;
    margin-bottom:4px;
    display:block;
    font-weight:700;
    margin-top:10px
}
.blog .entry-title a:hover{
    color:#0d8e3b
}
.blog .blog-entry-image{
    margin-bottom:10px
}
.blog .entry-meta{
    margin-bottom:15px
}
.blog .entry-meta ul li{
    display:inline-block;
    padding-right:10px
}
.blog .entry-meta ul li a{
    font-size:14px;
    margin-right:10px;
    color:#626262
}
.blog .entry-meta ul li a i{
    font-size:14px;
    color:#0d8e3b;
    padding-right:3px
}
.blog .entry-meta ul li a:hover{
    color:#0d8e3b
}
.blogdate li span{
    font-size:14px;
    font-weight:600
}
.blog .entry-content p{
    margin-bottom:20px
}
.blog .entry-share .share a{
    padding:8px 15px;
    display:inline-block;
    background:#0d8e3b;
    color:#fff
}
.blog .entry-share .share .news-social{
    right:10px
}
.blog .entry-share .share .news-social li a{
    margin:2px 0
}
.blog hr{
    margin:60px 0
}
.pagination{
    margin:0
}
.pagination li a{
    font-size:15px;
    font-weight:500;
    margin:0 5px;
    color:#626262;
    border-radius:0
}
.pagination>li>a,.pagination>li>span{
    padding:8px 16px;
    border-color:#e3e3e3;
    border-radius:0
}
.pagination>li:last-child>a,.pagination>li:last-child>span,.pagination>li:first-child>a,.pagination>li:first-child>span{
    border-radius:0
}
.pagination li a:focus,.pagination li a:hover,.pagination li span:focus,.pagination li span:hover{
    background-color:#0d8e3b;
    border-color:#0d8e3b;
    color:#fff
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    background-color:#0d8e3b!important;
    border-color:#0d8e3b!important;
    color:#fff
}
.blog-single .blog-form{
    margin-top:50px
}
.blog-navigation{
    margin:50px 0 0;
    display:block
}
.navigation-next img{
    display:inline-block;
    width:160px;
    margin-bottom:10px
}
.navigation-next span{
    display:block;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out
}
.navigation-next .port-arrow{
    float:left
}
.port-arrow{
    width:40px;
    text-align:center;
    background:#f6f6f6;
    display:inline-block
}
.port-arrow i{
    text-align:center;
    font-size:25px;
    line-height:66px
}
.navigation-next a{
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:24px;
    color:#363636;
    text-transform:uppercase;
    display:block;
    font-weight:700
}
.navigation-next:hover span{
    color:#0d8e3b
}
.navigation-previous img{
    display:inline-block;
    width:160px;
    margin-bottom:10px
}
.navigation-previous span{
    display:block;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out
}
.navigation-previous .port-arrow{
    float:right
}
.navigation-previous a{
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:24px;
    color:#363636;
    text-transform:uppercase;
    display:block;
    font-weight:700
}
.navigation-previous:hover span{
    color:#0d8e3b
}
.product-listing .car-item,.product-listing .car-item-2{
    margin-top:30px;
    border:1px solid #ccc
}
.product-listing .listing-sidebar .widget{
    border:1px solid #e3e3e3
}
.product-listing .listing-sidebar .widget-search{
    padding:20px
}
.product-listing .listing-sidebar .widget-search h5{
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px
}
.product-listing .listing-sidebar .widget-search h5:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.product-listing .listing-sidebar .widget-search ul li{
    margin-bottom:20px;
    list-style:none
}
.product-listing .listing-sidebar .widget-search ul li i{
    padding-right:10px
}
.product-listing .listing-sidebar .widget-search ul li span{
    font-size:12px;
    width:30px;
    height:30px;
    line-height:30px;
    border-radius:50%;
    color:#fff;
    background:#0d8e3b;
    text-align:center;
    display:inline-block
}
.product-listing .listing-sidebar .widget-banner{
    margin-top:30px
}
.product-listing ul{
    margin-bottom:0
}
.product-listing ul li ul{
    display:none
}
.product-listing ul li a{
    color:#323232;
    position:relative;
    display:block
}
.product-listing ul li.list-group-item a:after{
    content:"\f107";
    font:normal normal normal 14px/1 FontAwesome;
    position:absolute;
    right:0;
    top:0;
    font-size:20px;
    line-height:30px
}
.product-listing ul li.list-group-item a.current:after{
    content:"\f106"
}
.product-listing ul.list-group li{
    list-style:none;
    position:relative
}
.product-listing ul.list-group li.list-group-item ul li{
    line-height:24px
}
.product-listing ul.list-group li.list-group-item ul li .form-check{
    margin-bottom:8px
}
.product-listing ul.list-group li.list-group-item ul li .form-check .form-check-label{
    padding-left:0
}
.product-listing ul.list-group .checkbox label{
    line-height:22px;
    padding-left:22px
}
.product-listing .list-group-item{
    border-left:0;
    border-right:0;
    padding:13px 15px
}
.product-listing .list-group-item:last-child{
    border-bottom:0;
    border-top-left-radius:0;
    border-top-right-radius:0
}
.list-group-item:first-child{
    border-radius:0
}
.product-listing ul li a.current .fa-angle-down{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.product-listing .price-search{
    position:relative
}
.product-listing .price-search input{
    padding-right:30px;
    color:#323232;
    height:45px;
    border-color:#f6f6f6;
    background:#f6f6f6;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out
}
.product-listing .price-search input:focus{
    background:#fff0
}
.product-listing .price-search i{
    position:absolute;
    right:0;
    padding:16px 12px;
    font-size:14px;
    color:#626262;
    cursor:pointer
}
.product-listing .price-search input:focus{
    border-color:#0d8e3b
}
.product-listing .price-search span{
    margin-bottom:10px;
    color:#000;
    font-size:14px;
    text-transform:uppercase;
    display:block
}
.product-listing .pagination-nav{
    margin-top:30px
}
.pagination-nav .pagination li{
    display:flex
}
.pagination-nav .pagination li a{
    border:1px solid #ddd
}
.sorting-options-main{
    border:1px solid #e3e3e3;
    padding:10px
}
.sorting-options{
    padding:0 0 0
}
.sorting-options .change-view-button{
    margin-top:10px
}
.sorting-options .change-view-button a{
    display:inline-block;
    font-size:24px;
    margin-right:10px;
    color:#323232
}
.sorting-options .change-view-button a.active{
    color:#0d8e3b
}
.sorting-options .change-view-button a:hover{
    color:#0d8e3b
}
.sorting-options .pagination>li>a{
    padding:5px 12px;
    font-size:14px
}
.sorting-options .selected-box{
    display:inline-block;
    padding:4px;
    border-color:#e3e3e3;
    width:100%
}
.product-listing .car-grid{
    margin-top:30px
}
.product-listing .car-grid{
    border:1px solid #e3e3e3;
    padding:20px
}
.product-listing .car-grid .car-item{
    margin-top:0
}
.product-listing .car-grid .car-title a{
    position:relative;
    padding-bottom:10px;
    margin-bottom:10px;
    display:inline-block;
    font-size:20px;
    text-transform:uppercase;
    font-weight:600;
    color:#363636
}
.product-listing .car-grid .car-title a:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.product-listing .car-grid .price span{
    color:#0d8e3b;
    font-weight:700;
    font-size:16px
}
.product-listing .car-grid .price span.old-price{
    color:#999;
    text-decoration:line-through;
    padding-right:5px;
    font-size:13px;
    font-weight:400
}
.product-listing .car-grid .price a.button{
    padding:3px 20px
}
.product-listing .car-grid .car-list{
    margin-top:21px
}
.product-listing .car-grid .car-list ul li{
    border:1px solid #e3e3e3;
    padding:1px 10px;
    font-size:12px;
    display:inline-block
}
.product-listing .car-grid .car-item .car-overlay-banner ul{
    top:50%
}
.product-listing .car-grid:hover .car-overlay-banner{
    opacity:1;
    top:0
}
.car-details .slider-slick{
    margin-bottom:20px
}
.car-details .feature-car{
    margin-top:40px
}
.slick-next{
    right:25px
}
.slick-prev{
    left:25px
}
.slider-for .slick-prev,.slider-for .slick-next{
    opacity:1;
    background:#fff;
    border-radius:50%;
    border:1px solid #e3e3e3
}
.slider-for .slick-prev:hover,.slider-for .slick-prev:focus,.slider-for .slick-next:hover,.slider-for .slick-next:focus{
    background:#0d8e3b;
    border-color:#0d8e3b
}
.slider-for .slick-next:before{
    content:'\f105';
    font-size:20px;
    line-height:30px;
    text-align:center;
    color:#323232
}
.slider-for .slick-prev:before{
    content:'\f104';
    font-size:20px;
    line-height:30px;
    text-align:center;
    color:#323232
}
.slider-slick:hover .slider-for .slick-next{
    right:-15px;
    opacity:1
}
.slider-slick:hover .slider-for .slick-prev{
    left:-15px;
    opacity:1
}
.slider-nav .slick-next,.slider-nav .slick-prev{
    display:none!important
}
.car-details .modal-content{
    box-shadow:0 0 60px rgb(0 0 0 / .5);
    border-radius:0
}
.car-details .modal-content .button.red{
    border:1px solid #e3e3e3;
    padding:7px 20px;
    margin-bottom:0
}
.car-details .modal-header{
    border-bottom:0;
    background:#323232;
    padding:3px 12px
}
.car-details h4.modal-title{
    position:relative;
    padding-bottom:0;
    margin-bottom:0;
    display:inline-block;
    color:#fff;
    margin-top:3px
}
.car-details .form-group .radio{
    margin:0
}
.car-details .form-group:last-child{
    margin-bottom:0
}
.car-details .form-check-input.radio{
    display:inline-block;
    margin-right:10px;
    position:relative;
    padding-left:20px
}
.car-details .form-group input[type=radio]{
    margin-top:10px;
    width:auto
}
.car-details .btn-close{
    color:#fff;
    opacity:1;
    text-shadow:none;
    transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    background:#fff0;
    width:auto;
    height:auto;
    font-size:25px;
    font-weight:700;
    padding:0
}
.car-details .btn-close:hover{
    color:#0d8e3b;
    opacity:1
}
.car-details-sidebar h5{
    position:relative;
    padding-bottom:10px;
    margin-bottom:20px
}
.car-details-sidebar h5:before{
    position:absolute;
    content:"";
    width:20px;
    height:2px;
    background:#0d8e3b;
    left:0;
    bottom:0
}
.car-details-sidebar .details-block ul li{
    display:block;
    padding:4px 8px;
    border-bottom:1px solid #e3e3e3;
    margin-bottom:0
}
.car-details-sidebar .details-block ul li:last-child{
    border-bottom:0
}
.car-details-sidebar .details-block ul li span{
    width:150px;
    display:inline-block
}
.car-details-sidebar .details-block ul li strong{
    display:inline-block;
    text-align:right;
    color:#363636
}
.details-social ul li{
    display:inline-block
}
.details-social ul li a{
    margin-right:15px;
    margin-bottom:15px;
    display:block;
    color:#363636
}
.details-social ul li a i{
    padding-right:5px
}
.details-social ul li a:hover{
    color:#0d8e3b
}
.details-form.contact-2 .gray-form a.button.red{
    display:block
}
.details-form.contact-2 .gray-form{
    padding-right:0
}
.car-details .car-price strong{
    font-size:30px;
    display:block;
    margin-bottom:10px;
    color:#0d8e3b
}
.car-details .car-price span{
    font-style:italic
}
.details-nav{
    margin:30px 0 40px
}
.details-nav ul li{
    display:inline-block;
    margin-right:10px
}
.details-nav ul li a{
    color:#999;
    border:1px solid #e3e3e3;
    padding:5px 14px;
    display:block;
    margin-bottom:10px
}
.details-nav ul li a i{
    padding-right:10px
}
.details-nav ul li a:hover{
    border-color:#0d8e3b;
    background:#0d8e3b;
    color:#fff
}
.car-details-sidebar .details-weight{
    margin-bottom:20px
}
.car-details-sidebar .details-phone.details-weight .feature-box-3 .content h4{
    margin-top:10px;
    margin-bottom:5px
}
.details-location iframe{
    border:0;
    width:100%;
    height:250px
}
.modal-lg{
    max-width:900px
}
.details-nav h6{
    margin:40px 0 20px
}
.details-nav .checkbox label{
    line-height:20px
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{
    position:absolute;
    margin-left:0;
    left:0;
    width:inherit;
    margin-top:5px
}
.details-nav .captcha{
    margin-top:30px
}
.car-details .vehicle-assessment .form-group:last-child{
    margin-bottom:20px
}
.details-nav ul li a.button.red{
    color:#fff;
    cursor:pointer
}
.details-nav .form-group>label{
    display:inline-block;
    padding-right:20px
}
.details-nav .modal-dialog label{
    text-transform:uppercase;
    font-size:13px
}
.details-nav .modal-dialog label.form-check-label{
    text-transform:inherit
}
.details-nav .modal-dialog .check-options .form-check label.form-check-label{
    font-size:15px
}
.details-nav .modal-dialog .form-check-inline input[type=radio]{
    margin-top:8px;
    border:1px solid rgb(0 0 0 / .25)!important;
    background-color:#fff0
}
.details-nav .modal-dialog .form-check-input[type=checkbox]{
    border:1px solid rgb(0 0 0 / .25)!important;
    background-color:#fff
}
.details-nav .modal-dialog .form-check-input:checked{
    border:1px solid rgba(219 45 46 / 25%)!important;
    background-color:#0d8e3b
}
.details-nav .form-group{
    margin-bottom:10px
}
#recaptcha1,#recaptcha2,#recaptcha3,#recaptcha4,#recaptcha5,#recaptcha6{
    margin:16px 0!important
}
.details-nav .modal-body{
    padding-top:0
}
.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{
    left:20px
}
.details-nav .checkbox label{
    padding-left:40px
}
.details-nav p.sub-title{
    line-height:24px;
    margin-top:20px;
    display:block
}
.details-nav ul li .select-options li{
    display:block
}
.details-nav .fa-spin{
    width:100%;
    text-align:center
}
.details-nav .fa-spin.btn-loader{
    width:auto;
    text-align:inherit;
    padding:0
}
.modal-backdrop{
    z-index:99999
}
.modal{
    z-index:999999
}
.details-nav .modal-dialog .form-check.form-check-inline .form-check-input:checked,.form-check-input:checked{
    background-color:#0d8e3b;
    border:1px solid rgba(219 45 46 / 25%)!important
}
.form-check-input:focus{
    box-shadow:none;
    border-color:#0d8e3b
}
.form-check-input:active{
    filter:inherit
}
@media all and (min-width:0\0) and (min-resolution:.001dpcm){
    .search{
        margin-top:-130px;
        position:relative;
        z-index:1
    }
    .button:hover{
        background:#323232;
        color:#fff
    }
    .button.white:hover{
        background:#323232;
        color:#fff
    }
}
#rev_slider_7_1 .zeus.tparrows{
    cursor:pointer;
    min-width:70px;
    min-height:70px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%;
    overflow:hidden;
    background:rgb(0 0 0 / .1)
}
#rev_slider_7_1 .zeus.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:70px;
    text-align:center;
    z-index:2;
    position:relative
}
#rev_slider_7_1 .zeus.tparrows.tp-leftarrow:before{
    content:"\e824"
}
#rev_slider_7_1 .zeus.tparrows.tp-rightarrow:before{
    content:"\e825"
}
#rev_slider_7_1 .zeus .tp-title-wrap{
    background:rgb(0 0 0 / .5);
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity:0;
    transform:scale(0);
    -webkit-transform:scale(0);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    border-radius:50%
}
#rev_slider_7_1 .zeus .tp-arr-imgholder{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-position:center center;
    background-size:cover;
    border-radius:50%;
    transform:translatex(-100%);
    -webkit-transform:translatex(-100%);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s
}
#rev_slider_7_1 .zeus.tp-rightarrow .tp-arr-imgholder{
    transform:translatex(100%);
    -webkit-transform:translatex(100%)
}
#rev_slider_7_1 .zeus.tparrows:hover .tp-arr-imgholder{
    transform:translatex(0);
    -webkit-transform:translatex(0);
    opacity:1
}
#rev_slider_7_1 .zeus.tparrows:hover .tp-title-wrap{
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:1
}
#header.logo-right{
    z-index:999;
    padding:0;
    margin:0;
    position:relative;
    width:100%
}
#header.logo-right .mega-menu .menu-logo{
    float:right
}
#header.logo-right .mega-menu .menu-links{
    float:left
}
.bg-8{
    background:url(https://tractorkharido.com/resources/assets/images/bg/08.png);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0
}
.bg-9{
    background:url(https://tractorkharido.com/resources/assets/images/bg/09.jpg);
    background-clip:initial;
    background-color:#fff0;
    background-origin:initial;
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0
}
.feature-box-1 .icon i{
    font-size:30px;
    margin-bottom:15px;
    display:block
}
.custom-block-4{
    padding:20px 0
}
.custom-block-4 .feature-box-1{
    padding:30px
}
.search-block.red-bg{
    background:#0d8e3b;
    border:1px solid #0d8e3b
}
.search-block.red-bg span{
    color:#fff
}
.search-block.red-bg .price-slide .price label{
    color:#fff
}
.search-block.red-bg .ui-widget-header{
    background:#101010
}
.search-block.red-bg .price-slide .price input{
    color:#fff
}
.search-block.red-bg .price-slide a.link{
    color:#fff
}
.search-block.red-bg .price-slide a.link:hover{
    color:#363636
}
.welcome-5 .custom-block-2{
    margin-top:0
}
.welcome-5 .counter.counter-style-1.counter-light ul li{
    padding:0;
    margin:0
}
.welcome-5 .counter.counter-style-1.counter-light{
    margin-top:0;
    margin-bottom:50px;
    display:inline-block;
    width:100%
}
.isotope.column-3 .grid-item{
    width:33.33%;
    padding:10px
}
.isotope-filters.vartical-filter{
    margin:0
}
.isotope-filters.vartical-filter button span{
    border:none;
    border-left:3px solid #ddd;
    margin:0;
    padding:5px 15px;
    border-radius:0;
    text-transform:uppercase;
    color:#323232;
    background:none;
    background:none;
    position:relative;
    transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.isotope-filters.vartical-filter button i{
    float:right;
    font-size:18px
}
.isotope-filters.vartical-filter button{
    text-align:left;
    border-bottom:1px solid #f3f3f3;
    padding:13px 0;
    display:inline-block;
    width:100%
}
.isotope-filters.vartical-filter button.active span{
    color:#0d8e3b;
    border-left:3px solid #0d8e3b
}
.isotope-filters.vartical-filter button:hover span{
    color:#0d8e3b;
    border-left:3px solid #0d8e3b
}
.isotope-filters.vartical-filter button:first-child{
    border-top:1px solid #f3f3f3
}
.isotope-banner img{
    margin-top:30px;
    width:100%
}
.car-item.car-item-4{
    background:#fff;
    box-shadow:0 0 5px rgb(0 0 0 / .15);
    padding:10px;
    margin:3px 3px
}
.car-item.car-item-4 .car-content{
    padding:20px 0 0
}
.car-item.car-item-4 .price{
    background:#0d8e3b;
    padding:5px;
    margin-top:20px;
    display:block
}
.car-item.car-item-4 .price span{
    color:#fff
}
.car-item.car-item-4 .car-list{
    position:relative;
    height:inherit;
    bottom:inherit;
    border-bottom:1px solid #f6f6f6
}
.footer.footer-white{
    color:#626262
}
.footer.footer-white .social{
    border-top:1px solid rgb(0 0 0 / .06);
    border-bottom:1px solid rgb(0 0 0 / .06)
}
.footer.footer-white .social a{
    color:#323232
}
.footer.footer-white .address ul li,.footer.footer-white .usefull-link ul li a,.footer.footer-white .recent-post-info a,.footer.footer-white .recent-post-info span{
    color:#323232
}
.footer.footer-white .social i{
    color:rgb(50 50 50 / .5);
    transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out
}
.footer.footer-white .news-letter .form-control{
    background:#f6f6f6
}
.footer.footer-white .footer-box{
    background:rgb(102 102 102 / .1);
    padding:30px;
    clear:both;
    margin-bottom:60px
}
.footer.footer-white .footer-box .box-content{
    display:table-cell;
    vertical-align:top
}
.footer.footer-white .footer-box .box-link{
    display:table-cell;
    padding-left:20px;
    vertical-align:middle
}
.footer.footer-white .footer-box .box-link a{
    display:block;
    padding:8px 16px;
    width:120px;
    background:#0d8e3b;
    border-color:#0d8e3b;
    color:#fff
}
.footer.footer-white .copyright{
    background:#101010;
    margin:0;
    padding:24px 0;
    color:#fff
}
.footer.footer-white .copyright ul li a{
    color:#fff
}
.footer.footer-white .copyright ul li a:hover{
    color:#0d8e3b
}
.footer.footer-white .usefull-link ul li a:hover,.footer.footer-white .recent-post-info a:hover{
    color:#0d8e3b
}
.footer.footer-white .social a:hover,.footer.footer-white .social a:hover i{
    color:#fff
}
.recent-post-info a span .fa{
    font-size:10px
}
.hesperiden.tparrows{
    cursor:pointer;
    background:rgb(0 0 0 / .5);
    width:40px;
    height:40px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%
}
.hesperiden.tparrows:hover{
    background:rgb(0 0 0)
}
.hesperiden.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:40px;
    text-align:center
}
.hesperiden.tparrows.tp-leftarrow:before{
    content:"\e82c";
    margin-left:-3px
}
.hesperiden.tparrows.tp-rightarrow:before{
    content:"\e82d";
    margin-right:-3px
}
.google-auto-placed{
    width:100%;
    height:100%
}
.text-left .section-title,.section-title.text-start{
    text-align:left
}
.text-left .section-title .separator:before,.section-title.text-start .separator:before,.text-left .section-title .separator:after,.section-title.text-start .separator:after{
    left:0;
    margin-left:0
}
#header.topbar-dark.logo-center .mega-menu .menu-links{
    float:none;
    display:block;
    text-align:center
}
#header.topbar-dark.logo-center .mega-menu .menu-logo{
    float:none;
    display:inline-block;
    text-align:center;
    width:100%
}
#header.topbar-dark.logo-center .mega-menu>section.menu-list-items{
    float:none
}
#header.topbar-dark.logo-center .mega-menu .menu-logo>li{
    display:block;
    float:none;
    text-align:center
}
#header.topbar-dark.logo-center .mega-menu .menu-logo>li>a{
    display:block;
    float:none;
    text-align:center
}
#header.topbar-dark.logo-center .mega-menu .menu-logo>li>a img{
    display:block;
    float:none;
    text-align:center;
    margin:0 auto
}
#header.topbar-dark.logo-center .mega-menu .menu-links>li{
    float:none;
    display:inline-block
}
#header.topbar-dark.logo-center .mega-menu .menu-logo{
    padding:33px 0 10px
}
#header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-links{
    float:right;
    display:inline-block;
    text-align:right
}
#header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-logo{
    float:left;
    display:inline-block;
    text-align:left;
    width:auto
}
#header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-logo{
    padding:20px 0 10px
}
.play-video-2-section .custom-block-2{
    margin-top:0
}
.play-video-2 .play-video-bg{
    padding:100px 0 300px;
    position:relative
}
.play-video-2 .play-video-bg h3{
    line-height:40px;
    margin-bottom:0
}
.play-video-2 .video-info{
    position:relative;
    z-index:1
}
.play-video-2 .video-info a{
    width:90px;
    height:90px;
    padding:8px;
    background:#fff0;
    border:2px solid #fff;
    display:inline-block;
    margin:0 auto;
    border-radius:50%;
    left:0;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    z-index:9999;
    font-size:20px
}
.play-video-2 .video-info a i{
    width:70px;
    height:70px;
    line-height:72px;
    background:#fff;
    color:#0d8e3b;
    border-radius:50%;
    padding-left:4px;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.play-video-2 .video-info a:hover i{
    background:#323232;
    color:#fff
}
.play-video-2 .video-info:before{
    background:rgb(219 45 46 / .8);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.search-block.find-car .section-title{
    margin-bottom:30px
}
.find-car span,.find-car label{
    color:#fff;
    margin-bottom:10px;
    margin-top:20px;
    display:block
}
.find-car .price-slide .price label{
    color:#fff
}
.find-car .price-slide .price input{
    color:#fff
}
.find-car .ui-slider-horizontal .ui-slider-handle{
    margin-top:0;
    margin-bottom:0;
    top:-.4em
}
.why-choose-us .feature-box-2{
    margin-bottom:30px
}
.why-choose-us .counter-style-2{
    margin-top:40px
}
.footer.footer-black .footer-box{
    background:rgb(102 102 102 / .2);
    padding:30px;
    clear:both;
    margin-bottom:60px
}
.footer.footer-black .footer-box .box-content{
    display:table-cell;
    vertical-align:top
}
.footer.footer-black .footer-box .box-link{
    display:table-cell;
    padding-left:20px;
    vertical-align:middle
}
.footer.footer-black .footer-box .box-link a{
    display:block;
    padding:8px 16px;
    width:120px;
    background:#0d8e3b;
    border-color:#0d8e3b;
    color:#fff
}
.footer.footer-black .copyright{
    background:#fff0;
    border-top:1px solid rgb(255 255 255 / .1);
    margin:0;
    padding:24px 0;
    color:#fff
}
.footer.footer-black .copyright ul li a{
    color:#fff
}
.footer.footer-black .copyright ul li a:hover{
    color:#0d8e3b
}
.footer.footer-black .usefull-link ul li a:hover,.footer.footer-black .recent-post-info a:hover{
    color:#0d8e3b
}
.footer.footer-black .social a:hover,.footer.footer-black .social a:hover i{
    color:#fff
}
#rev_slider_8_1 .zeus.tparrows{
    cursor:pointer;
    min-width:70px;
    min-height:70px;
    position:absolute;
    display:block;
    z-index:100;
    border-radius:50%;
    overflow:hidden;
    background:rgb(0 0 0 / .1)
}
#rev_slider_8_1 .zeus.tparrows:before{
    font-family:"revicons";
    font-size:20px;
    color:#fff;
    display:block;
    line-height:70px;
    text-align:center;
    z-index:2;
    position:relative
}
#rev_slider_8_1 .zeus.tparrows.tp-leftarrow:before{
    content:"\e824"
}
#rev_slider_8_1 .zeus.tparrows.tp-rightarrow:before{
    content:"\e825"
}
#rev_slider_8_1 .zeus .tp-title-wrap{
    background:rgb(0 0 0 / .5);
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    opacity:0;
    transform:scale(0);
    -webkit-transform:scale(0);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    border-radius:50%
}
#rev_slider_8_1 .zeus .tp-arr-imgholder{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-position:center center;
    background-size:cover;
    border-radius:50%;
    transform:translatex(-100%);
    -webkit-transform:translatex(-100%);
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s
}
#rev_slider_8_1 .zeus.tp-rightarrow .tp-arr-imgholder{
    transform:translatex(100%);
    -webkit-transform:translatex(100%)
}
#rev_slider_8_1 .zeus.tparrows:hover .tp-arr-imgholder{
    transform:translatex(0);
    -webkit-transform:translatex(0);
    opacity:1
}
#rev_slider_8_1 .zeus.tparrows:hover .tp-title-wrap{
    transform:scale(1);
    -webkit-transform:scale(1);
    opacity:1
}
.feature-box-4 .icon{
    display:table-cell;
    padding-right:20px
}
.feature-box-4 .icon i{
    font-size:30px;
    display:block
}
.feature-box-4 .content{
    display:table-cell;
    vertical-align:top
}
.content-box-6{
    position:relative;
    z-index:1
}
.content-box-6 .feature-box-4{
    padding:60px 30px
}
.content-box-6 .feature-box-4 a.button{
    margin-top:20px
}
.content-box-6:nth-child(1){
    background:rgb(0 0 0 / .2)
}
.content-box-6:nth-child(2){
    background:rgb(0 0 0 / .1)
}
.car-item.price-remove .car-list{
    bottom:119px
}
.feature-car.new-arrival .car-item.price-remove{
    margin-bottom:0
}
.bg-overlay-black:before{
    background:rgb(0 0 0 / .6);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
#video-background{
    width:100%;
    height:100vh z-index:0;
    padding:23% 0
}
.custom-block-3 .custom-block-content{
    padding-top:60px
}
.search-here .search-block{
    margin-top:-52px
}
.search-block .search-top-2{
    background:#fff;
    padding:10px 10px 30px;
    border:1px solid #e3e3e3;
    position:relative;
    z-index:9
}
.search-block .search-top-2 span,.search-block .search-top-2 label{
    margin-top:15px;
    margin-bottom:5px;
    display:block
}
.search-block .search-top-2 .ui-slider-horizontal .ui-slider-handle{
    margin-top:0;
    margin-bottom:0
}
.search-block h3.title{
    background:#0d8e3b;
    padding:12px 10px;
    margin-bottom:0
}
.custom-block-5{
    overflow:hidden
}
.custom-block-5 .section-title{
    padding:50px 50px 0 50px;
    margin-bottom:30px
}
.custom-block-5 .section-title .separator{
    margin-bottom:15px
}
.custom-block-5 .feature-box-1{
    padding-bottom:30px
}
.custom-block-5 .custom-block-5-content{
    padding:30px 50px 10px
}
.custom-block-5 .counter{
    margin:30px 50px 10px
}
.custom-block-5 .counter-block{
    margin-bottom:40px;
    margin-left:0
}
.custom-block-5 .counter.counter-style-2 .counter-block{
    margin-left:0
}
.recent-vehicle .isotope.column-4 .grid-item{
    width:25%;
    padding:5px
}
.our-clients ul{
    margin-bottom:50px;
    display:inline-block
}
.our-clients ul li{
    width:25%;
    display:inline-block;
    margin:0;
    border:1px solid #e3e3e3;
    padding:30px;
    float:left;
    margin-left:-1px;
    margin-top:-1px
}
.our-clients .container-fluid{
    padding:0
}
.our-clients .container-fluid img{
    width:100%
}
.our-clients .item{
    text-align:center
}
.our-clients .item img{
    display:inline-block
}
.bg-10{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/10.png);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.bg-11{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/11.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:left center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.bg-12{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/12.png);
    background-clip:initial;
    background-color:#0d8e3b;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.bg-13{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/13.jpg);
    background-clip:initial;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.bg-14{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/14.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.feature-box-3.white-icon .icon i{
    background:#fff
}
.feature-box-3.white-icon:hover .icon i{
    background:#0d8e3b
}
.content-box-7{
    position:relative;
    margin-bottom:30px;
    overflow:hidden
}
.content-box-7 .content-box-img{
    position:relative
}
.content-box-7 .content-box-img .info{
    position:absolute;
    z-index:9;
    bottom:-100px;
    padding:30px;
    transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.content-box-7 .content-box-img img{
    transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.content-box-7 .content-box-img .info i{
    color:#fff;
    font-size:50px;
    line-height:50px;
    display:block;
    margin-bottom:10px
}
.content-box-7 .content-box-img .info p{
    opacity:0;
    transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.content-box-7:hover .content-box-img .info{
    bottom:-10px
}
.content-box-7:hover .content-box-img .info p{
    opacity:1;
    display:block;
    transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.content-box-7:hover .content-box-img img{
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.content-box-7 .content-box-img:before{
    background:-moz-linear-gradient(top,#fff0 0,rgb(0 0 0) 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff0),color-stop(100%,rgb(0 0 0)));
    background:-webkit-linear-gradient(top,#fff0 0,rgb(0 0 0) 100%);
    background:-o-linear-gradient(top,#fff0 0,rgb(0 0 0) 100%);
    background:-ms-linear-gradient(top,#fff0 0,rgb(0 0 0) 100%);
    background:linear-gradient(to bottom,#fff0 0,rgb(0 0 0) 100%);
    top:auto;
    height:75%;
    transition:all .35s;
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:9
}
.contact-form.transparent .form-control{
    border:none;
    border-bottom:3px solid rgb(255 255 255 / .6);
    padding-left:0;
    color:rgb(255 255 255 / .6);
    font-size:16px;
    margin-bottom:50px
}
.contact-form.transparent .form-control:focus{
    color:#fff;
    border-color:#fff;
    background-color:inherit
}
.car-why-choose h3{
    margin:10px 0 30px
}
.car-why-choose p{
    font-size:18px;
    line-height:30px;
    display:block;
    margin-bottom:20px
}
.why-choose-counter.counter.counter-style-1.counter-light{
    margin-top:0
}
.why-choose-counter .counter-box{
    background:#f6f6f6;
    margin-bottom:20px;
    padding:24px 20px
}
.why-choose-counter.counter.counter-style-1.counter-light .info{
    vertical-align:top
}
.why-choose-counter .counter-box .icon i:before{
    font-size:50px;
    line-height:50px;
    margin-top:20px;
    color:#0d8e3b
}
.why-choose-counter.counter.counter-style-1.counter-light b{
    color:#323232
}
.client-box{
    padding:50px
}
.client-box ul{
    overflow:hidden
}
.client-box ul li{
    float:left;
    position:relative;
    width:25%;
    padding:20px;
    list-style:none
}
.client-box.border ul li:before{
    height:100%;
    top:0;
    left:-1px;
    border-left:1px solid #c5c5c5
}
.client-box.border ul li:after,.client-box.border ul li:before{
    content:'';
    position:absolute
}
.client-box.border ul li:after{
    width:100%;
    height:0;
    top:auto;
    left:0;
    bottom:-1px;
    border-bottom:1px solid #c5c5c5
}
.testimonial-5 .testimonial-avtar{
    margin-top:-65px;
    position:relative;
    z-index:1
}
.testimonial-5 .testimonial-avtar img{
    width:80px;
    height:80px;
    display:block;
    border:4px solid #fff;
    border-radius:50%
}
.testimonial-5 .testimonial-avtar h5{
    display:inline-block;
    font-weight:400;
    text-transform:capitalize;
    margin-bottom:0;
    font-style:italic
}
.testimonial-5 .testimonial-avtar span{
    font-size:18px;
    font-style:italic;
    font-weight:700;
    color:#0d8e3b
}
.testimonial-5 .testimonial-box{
    padding:20px 120px
}
.testimonial-5 .testimonial-content{
    margin-top:20px;
    color:#999
}
.testimonial-5 .testimonial-content i{
    font-size:28px;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out
}
.testimonial-5 .testimonial-content p{
    font-size:18px;
    font-weight:700;
    font-style:italic
}
.testimonial-5 .testimonial-image{
    overflow:hidden
}
.testimonial-5 .testimonial-image img{
    position:relative;
    transition:all 0.7s ease-in-out;
    -moz-transition:all 0.7s ease-in-out;
    -ms-transition:all 0.7s ease-in-out;
    -o-transition:all 0.7s ease-in-out;
    -webkit-transition:all 0.7s ease-in-out
}
.testimonial-5:hover .testimonial-image img{
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
}
.testimonial-5:hover .testimonial-content i{
    color:#0d8e3b
}
.schedule-appointment h2{
    line-height:60px
}
.our-expert-team{
    background:#323232
}
.our-expert-team .team{
    margin-bottom:0;
    border:1px solid rgba(255,255,255,255.1)
}
.our-expert-team .car-why-choose{
    padding:50px 0 50px 60px
}
.bg-15{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/15.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
#main-slider{
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -webkit-transform-style:preserve-3d
}
#main-slider .item img{
    width:100%
}
#main-slider .item .slider-content{
    z-index:0;
    opacity:0;
    -webkit-transition:opacity 500ms;
    -moz-transition:opacity 500ms;
    -o-transition:opacity 500ms;
    -ms-transition:opacity 500ms;
    transition:opacity 500ms
}
#main-slider .item.active .slider-content{
    z-index:0;
    opacity:1;
    -webkit-transition:opacity 100ms;
    -ms-transition:opacity 100ms;
    -moz-transition:opacity 100ms;
    -o-transition:opacity 100ms;
    transition:opacity 100ms
}
#main-slider .slider-content{
    display:inline-block;
    left:0;
    position:absolute;
    text-align:center;
    top:55%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    width:100%;
    z-index:2
}
#main-slider .carousel-indicators{
    bottom:30px
}
.carousel-indicators [data-bs-target]{
    width:20px!important;
    height:20px!important;
    border:2px solid #fff!important;
    margin:6px!important;
    border-radius:50%;
    background:#fff0;
    box-sizing:inherit;
    background-clip:inherit;
    opacity:1
}
.carousel-indicators .active{
    background-color:#fff
}
#main-slider .slider-content .slider-2{
    width:60%;
    float:right
}
#main-slider .slider-content h3{
    font-size:36px;
    margin:20px 0 0;
    font-weight:600;
    line-height:60px;
    text-transform:uppercase
}
#main-slider .slider-content h1{
    font-size:65px;
    color:#fff;
    margin:10px 0 20px;
    font-weight:900;
    line-height:80px;
    text-transform:uppercase
}
#main-slider .slider-content span{
    color:#fff;
    font-size:22px;
    margin-bottom:10px;
    line-height:20px;
    letter-spacing:10px;
    font-weight:600;
    display:block;
    text-transform:uppercase
}
#main-slider .slider-content p{
    color:#fff;
    font-size:28px;
    margin-bottom:30px;
    line-height:20px;
    font-weight:600;
    display:block
}
#main-slider .slider-content a.button-orange:hover{
    background:#fff;
    color:#fff
}
#main-slider .carousel-control.left,#main-slider .carousel-control.right{
    opacity:1;
    filter:alpha(opacity=100);
    background-image:none;
    background-repeat:no-repeat;
    text-shadow:none
}
#main-slider .carousel-control .fa-angle-left,#main-slider .carousel-control .fa-angle-right{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    z-index:5;
    display:inline-block
}
#main-slider .carousel-control .fa-angle-left{
    left:0
}
#main-slider .carousel-control .fa-angle-right{
    right:0
}
#main-slider .carousel-control i{
    color:#fff;
    line-height:36px;
    font-size:32px;
    padding:15px 20px
}
.bg-overlay:before{
    background:rgb(0 0 0 / .8);
    opacity:.6;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:0
}
.carousel-fade .carousel-inner .item{
    -webkit-transition-property:opacity;
    transition-property:opacity
}
.carousel-fade .carousel-inner .item,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
    opacity:0
}
.carousel-fade .carousel-inner .active,.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
    opacity:1
}
.carousel-fade .carousel-inner .next,.carousel-fade .carousel-inner .prev,.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
    left:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.carousel .item.active .animated1{
    -webkit-animation:lightSpeedIn 1s ease-in 200ms both;
    -o-animation:lightSpeedIn 1s ease-in 200ms both;
    -ms-animation:lightSpeedIn 1s ease-in 200ms both;
    -moz-animation:lightSpeedIn 1s ease-in 200ms both;
    animation:lightSpeedIn 1s ease-in 200ms both
}
.carousel .item.active .animated2{
    -webkit-animation:bounceInRight 1s ease-in-out 500ms both;
    -o-animation:bounceInRight 1s ease-in-out 500ms both;
    -ms-animation:bounceInRight 1s ease-in-out 500ms both;
    -moz-animation:bounceInRight 1s ease-in-out 500ms both;
    animation:bounceInRight 1s ease-in-out 500ms both
}
.carousel .item.active .animated3{
    -webkit-animation:bounceInLeft 1s ease-in-out 500ms both;
    -o-animation:bounceInLeft 1s ease-in-out 500ms both;
    -ms-animation:bounceInLeft 1s ease-in-out 500ms both;
    -moz-animation:bounceInLeft 1s ease-in-out 500ms both;
    animation:bounceInLeft 1s ease-in-out 500ms both
}
.carousel .item.active .animated4{
    -webkit-animation:flipInX 1s ease-in 500ms both;
    -o-animation:flipInX 1s ease-in 500ms both;
    -ms-animation:flipInX 1s ease-in 500ms both;
    -moz-animation:flipInX 1s ease-in 500ms both;
    animation:flipInX 1s ease-in 500ms both
}
.carousel .item.active .animated5{
    -webkit-animation:bounceInLeft 1s ease-in-out 100ms both;
    -o-animation:bounceInLeft 1s ease-in-out 100ms both;
    -ms-animation:bounceInLeft 1s ease-in-out 100ms both;
    -moz-animation:bounceInLeft 1s ease-in-out 100ms both;
    animation:bounceInLeft 1s ease-in-out 100ms both
}
.carousel .item.active .animated6{
    -webkit-animation:bounceIn 1s ease-in 500ms both;
    -o-animation:bounceIn 1s ease-in 500ms both;
    -ms-animation:bounceIn 1s ease-in 500ms both;
    -moz-animation:bounceIn 1s ease-in 500ms both;
    animation:bounceIn 1s ease-in 500ms both
}
.carousel .item.active .animated7{
    -webkit-animation:fadeInDown 0.7s ease-in 1000ms both;
    -o-animation:fadeInDown 0.7s ease-in 1000ms both;
    -moz-animation:fadeInDown 0.7s ease-in 1000ms both;
    -ms-animation:fadeInDown 0.7s ease-in 1000ms both;
    animation:fadeInDown 0.7s ease-in 1000ms both
}
.carousel .item.active .animated8{
    -webkit-animation:fadeInUp 0.7s ease-in 1000ms both;
    -o-animation:fadeInUp 0.7s ease-in 1000ms both;
    -moz-animation:fadeInUp 0.7s ease-in 1000ms both;
    -ms-animation:fadeInUp 0.7s ease-in 1000ms both;
    animation:fadeInUp 0.7s ease-in 1000ms both
}
.car-coupons{
    padding:10px 10px;
    margin-top:50px;
    border:5px solid #f6f6f6;
    text-align:center
}
.car-coupons i{
    font-size:80px;
    display:block;
    line-height:50px;
    margin-bottom:50px;
    margin-top:30px
}
.car-top.button-icon a{
    width:60px;
    height:60px;
    line-height:60px;
    background:rgb(39 39 39 / .8);
    display:block;
    text-align:center;
    font-size:30px;
    color:#fff;
    border-radius:50%;
    box-shadow:0 0 6px 0 rgb(0 0 0 / .1)
}
.car-top.button-icon:before,.car-top.button-icon.car-run:before{
    display:none
}
.car-top.button-icon a:hover{
    background:rgb(39 39 39 / .9);
    color:#fff
}
.bg-16{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/16.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.design-tab-bg-01{
    background-image:url(https://tractorkharido.com/resources/assets/images/car/32.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.design-tab-bg-02{
    background-image:url(https://tractorkharido.com/resources/assets/images/car/33.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.design-tab-bg-03{
    background-image:url(https://tractorkharido.com/resources/assets/images/car/39.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.design-tab-bg-04{
    background-image:url(https://tractorkharido.com/resources/assets/images/car/40.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.design-tab-bg-05{
    background-image:url(https://tractorkharido.com/resources/assets/images/car/41.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.design-tab-bg-06{
    background-image:url(https://tractorkharido.com/resources/assets/images/car/42.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
.slider-parallax{
    height:80vh;
    position:relative
}
.slider-content-middle{
    position:absolute;
    display:inline-block;
    width:100%;
    top:50%;
    left:0;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.scroll-down{
    text-align:center;
    width:34px;
    height:58px;
    display:inline-block;
    border-radius:20px;
    border:2px solid #fff;
    position:absolute;
    left:50%;
    bottom:60px;
    margin-left:-17px;
    line-height:50px
}
.scroll-down i{
    height:10px;
    width:4px;
    background:#fff;
    display:inline-block;
    border-radius:3px;
    -webkit-animation-name:fadebounce;
    -moz-animation-name:fadebounce;
    -ms-animation-name:fadebounce;
    -o-animation-name:fadebounce;
    animation-name:fadebounce;
    -webkit-animation-duration:3s;
    -moz-animation-duration:3s;
    -ms-animation-duration:3s;
    -o-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
@-moz-keyframes fadebounce{
    0%{
        -moz-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    50%{
        -moz-transform:translateY(25px);
        transform:translateY(25px);
        opacity:1
    }
    100%{
        -moz-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-webkit-keyframes fadebounce{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    50%{
        -webkit-transform:translateY(25px);
        transform:translateY(25px);
        opacity:1
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-o-keyframes fadebounce{
    0%{
        -o-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    50%{
        -o-transform:translateY(25px);
        transform:translateY(25px);
        opacity:1
    }
    100%{
        -o-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@-ms-keyframes fadebounce{
    0%{
        -ms-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
    50%{
        -ms-transform:translateY(25px);
        transform:translateY(25px);
        opacity:1
    }
    100%{
        -ms-transform:translateY(0);
        transform:translateY(0);
        opacity:1
    }
}
@keyframes fadebounce{
    0%{
        transform:translateY(0);
        opacity:1
    }
    50%{
        transform:translateY(25px);
        opacity:1
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
.popup-video-banner img{
    padding:16px 0
}
.popup-video-banner h1{
    font-size:80px;
    line-height:80px;
    font-weight:900;
    margin:20px 0
}
.popup-video-banner a.popup-button{
    padding:11px 14px 10px 0;
    background:#0d8e3b;
    color:#fff;
    border-radius:30px
}
.popup-video-banner a.popup-button i{
    font-size:16px;
    width:40px;
    height:40px;
    line-height:40px;
    display:inline-block;
    text-align:center;
    background:#fff;
    color:#0d8e3b;
    border-radius:50%;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.popup-video-banner a.popup-button strong{
    padding:0 10px;
    text-transform:uppercase;
    display:inline-block;
    font-size:14px;
    background:#fff0;
    color:#fff;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
.popup-video-banner a.popup-button:hover i{
    background:#0d8e3b;
    color:#fff
}
.popup-video-banner a.popup-button:hover{
    background:#fff
}
.popup-video-banner a.popup-button:hover strong{
    color:#0d8e3b
}
.section-title-la-page{
    margin-bottom:40px
}
.section-title-la-page h2{
    color:rgb(0 0 0 / .4);
    font-size:60px
}
.section-title-la-page span{
    color:#323232;
    text-transform:uppercase;
    font-size:40px;
    font-weight:600;
    background:#fff;
    margin-top:-10px
}
.section-title-la-page.gray span{
    background:#f5f6f7
}
.overview .overview-content h2{
    font-size:44px;
    line-height:44px;
    margin-bottom:30px
}
.overview .overview-content p{
    font-size:18px;
    line-height:30px
}
.overview .overview-content span{
    font-size:16px;
    line-height:30px
}
.overview .overview-share{
    margin-top:30px
}
.overview .overview-share .pdf,.overview .overview-share .see-video,.overview .overview-share .share{
    display:inline-block;
    margin-right:20px
}
.overview .overview-share .icon{
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    display:table-cell;
    background:#626262;
    color:#fff;
    border-radius:50%;
    font-size:12px
}
.overview .overview-share .info{
    display:table-cell;
    vertical-align:middle;
    padding-left:10px;
    text-transform:uppercase
}
.overview .overview-share .info a{
    color:#626262;
    text-transform:uppercase;
    font-weight:700
}
.overview .overview-share .share{
    display:inline-block;
    vertical-align:top
}
.overview .overview-share .share ul{
    display:inline-block;
    vertical-align:middle
}
.overview .overview-share .share ul li{
    display:inline-block;
    list-style:none
}
.overview .overview-share .share ul li a{
    margin-right:5px;
    display:block;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    background:#626262;
    color:#fff;
    border-radius:50%;
    font-size:12px
}
.overview .overview-share .share span{
    color:#626262;
    text-transform:uppercase;
    font-weight:700;
    padding-right:10px
}
.overview .overview-share .info a:hover{
    color:#0d8e3b
}
.overview .overview-share .share ul li a:hover{
    background:#0d8e3b
}
.owl-slider{
    overflow:hidden
}
.owl-slider .container-fluid{
    padding:0
}
.owl-slider .owl-carousel .owl-item{
    margin:0px!important
}
.owl-slider .owl-carousel:hover .owl-nav .owl-prev{
    left:10px
}
.owl-slider .owl-carousel:hover .owl-nav .owl-next{
    right:10px
}
.awards-section .horsepower-bg{
    background:url(https://tractorkharido.com/resources/assets/images/objects/09.png) no-repeat center center;
    background-color:#f6f6f6;
    padding:90px 180px
}
.awards-section .awards-bg{
    background:#161515;
    padding:60px 50px 50px
}
.horsepower ul li{
    list-style:none;
    display:inline-block;
    font-size:20px;
    color:#0d8e3b
}
.horsepower p{
    font-size:26px;
    font-weight:600;
    line-height:36px;
    font-style:italic;
    margin-top:30px
}
.awards h2{
    position:relative;
    display:inline-block;
    margin-bottom:100px
}
.awards h2:before{
    background:url(https://tractorkharido.com/resources/assets/images/objects/11.png);
    position:absolute;
    left:-60px;
    top:-20px;
    content:"";
    width:80px;
    height:100px
}
.awards h2:after{
    background:url(https://tractorkharido.com/resources/assets/images/objects/10.png);
    position:absolute;
    right:-60px;
    top:-20px;
    content:"";
    width:80px;
    height:100px
}
.awards-box i{
    font-size:40px;
    line-height:1;
    display:block;
    margin-bottom:20px
}
.awards-box span{
    font-size:20px;
    display:block;
    margin-bottom:10px;
    font-style:italic;
    font-weight:300
}
.design-section #tabs .tabs-header{
    display:flex;
    align-items:center;
    justify-content:center
}
.design-section #tabs .nav-tabs{
    margin-bottom:60px
}
.design-section #tabs .nav-tabs li{
    margin-right:4px
}
.design-section #tabs .nav-tabs li:last-child{
    margin-right:0
}
.design-section #tabs .nav-tabs li.nav-item .nav-link{
    background:#f5f6f7;
    color:#626262;
    letter-spacing:2px;
    padding:16px 50px;
    border:0;
    border-radius:0
}
.design-section #tabs .nav-tabs li.nav-item .nav-link:hover,.design-section #tabs .nav-tabs li.nav-item .nav-link.active:focus,.design-section #tabs .nav-tabs li.nav-item .nav-link.active{
    background:#0d8e3b;
    color:#fff;
    border:0
}
.design-section #tabs .tab-content{
    margin-top:7px
}
.design-section .tab-content h2{
    font-size:46px;
    font-weight:300;
    margin-bottom:30px;
    line-height:46px
}
.design-section .tab-content b{
    font-size:24px;
    font-weight:400;
    line-height:40px;
    margin-bottom:30px;
    display:block
}
.design-content{
    padding:100px 50px
}
.design-section .tab-content .tab-02-content{
    margin-bottom:100px
}
.design-section .tab-content .tab-02-content h2{
    margin-bottom:10px
}
.design-section .tab-content .tab-02-content b{
    margin-bottom:10px
}
.design-section .tab-content .tab-03-content b{
    margin-bottom:30px;
    font-size:20px;
    line-height:30px;
    text-align:center
}
.specifications h2.title{
    font-size:50px;
    line-height:50px;
    color:#0d8e3b;
    margin-bottom:40px
}
.specifications-box{
    background:#fff;
    margin-bottom:20px
}
.specifications-box:last-child{
    margin-bottom:0
}
.specifications-box .title{
    background:#0d8e3b;
    color:#fff;
    padding:16px 20px
}
.specifications-box .title span{
    letter-spacing:2px;
    font-size:16px
}
.specifications-box .info{
    padding:20px
}
.specifications-box .info .icon{
    display:table-cell
}
.specifications-box .info .icon i{
    font-size:70px;
    line-height:70px;
    color:#0d8e3b
}
.specifications-box .info .content{
    display:table-cell;
    vertical-align:top;
    padding-left:20px
}
.specifications .white-bg img{
    padding-top:50px
}
.specifications .accordion{
    margin-top:40px
}
.specifications .accordion .accordion-header .accordion-button.collapsed{
    color:#363636;
    background:#fff;
    margin-top:2px;
    padding:16px 60px 16px 26px;
    line-height:23px;
    border:1px solid #e3e3e3
}
.specifications .accordion .accordion-header .accordion-button.collapsed span:hover{
    color:#0d8e3b
}
.specifications .accordion .accordion-header .accordion-button.collapsed span:focus{
    color:#0d8e3b
}
.specifications .accordion .accordion-header .accordion-button i{
    padding-right:10px;
    font-size:20px;
    border-radius:inherit
}
.specifications .accordion .accordion-header .accordion-button{
    color:#fff;
    background-color:#0d8e3b;
    cursor:default;
    border:1px solid #0d8e3b;
    border-top:0;
    border-radius:inherit;
    line-height:24px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:700;
    padding:16px 60px 16px 26px;
    margin-top:2px
}
.specifications .accordion .accordion-header .accordion-button span:hover,.specifications .accordion .accordion-header .accordion-button span:focus{
    color:#fff
}
.specifications .accordion .accordion-body{
    background:#ffffff!important
}
.specifications .accordion .accordion-body .table{
    margin-bottom:0;
    color:#999
}
.specifications .accordion .accordion-body .table tbody tr td{
    color:#999
}
.specifications .accordion .accordion-header .accordion-button:after{
    right:20px;
    left:inherit
}
.js-video{
    height:0;
    padding-top:25px;
    padding-bottom:54%;
    position:relative;
    overflow:hidden
}
.js-video.widescreen{
    padding-bottom:34.34%
}
.js-video embed,.js-video iframe,.js-video object,.js-video video{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
    border:none
}
.contact-section .white-form .form-control{
    background:#fff;
    border-color:#fff
}
.contact-section .white-form .button{
    border:none
}
.bg-17{
    background-image:url(https://tractorkharido.com/resources/assets/images/bg/17.jpg);
    background-clip:initial;
    background-color:#f6f6f6;
    background-origin:initial;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:0;
    background-size:cover!important
}
#header.fancy .topbar{
    border-bottom:0
}
.search-page{
    position:relative;
    margin-top:0
}
.search-page input{
    background:#fff;
    border-color:#fff;
    display:inline-block;
    border:none
}
.search-page a,.search-page button{
    width:45px;
    height:45px;
    line-height:45px;
    background:#0d8e3b;
    color:#fff;
    border:0;
    box-shadow:none;
    display:flex;
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    display:flex;
    align-items:center
}
.search-page a:hover,.search-page button:hover{
    background:#323232;
    color:#fff
}
.search-page input:focus{
    border:none
}
.search-page input.form-control{
    border:1px solid #e3e3e3;
    height:45px
}
.slider-content-middle .search-page input.form-control{
    padding:12px 50px 12px 18px
}
.by-car-feature .feature-box-2{
    background:#fff0
}
.by-car-feature .feature-box-2 .icon i{
    font-size:80px;
    line-height:80px
}
.listing-sidebar .checkbox input[type=checkbox],.listing-sidebar .checkbox-inline input[type=checkbox]{
    left:0
}
.car-listing-sidebar{
    position:relative;
    overflow:hidden
}
.car-listing-sidebar .sorting-options-main .selected-box span{
    color:#000;
    font-size:14px;
    text-transform:uppercase;
    display:block;
    margin-bottom:12px
}
.car-listing-sidebar .isotope.column-5 .grid-item{
    width:20%;
    float:left
}
.car-listing-sidebar.product-listing .car-item{
    margin-top:0;
    border-right:1px solid #e3e3e3;
    border-bottom:1px solid #e3e3e3
}
.car-listing-sidebar.product-listing .listing-sidebar .widget-banner{
    margin-top:0
}
.car-listing-sidebar.product-listing .listing-sidebar .widget-search{
    padding-bottom:0
}
.car-listing-sidebar .listing-sidebar.is_stuck{
    top:72px!important
}
.car-listing-sidebar-left{
    position:relative;
    width:300px;
    position:absolute;
    left:0;
    z-index:9
}
.car-listing-sidebar-right{
    position:relative;
    width:100%;
    padding-left:300px
}
.car-listing-sidebar-right .price-search input{
    background:#fff0;
    border-color:#e3e3e3;
    height:42px;
    margin-top:2px
}
.container-fluid{
    padding:0 60px
}
#header.topbar-dark.header-dark .topbar{
    background:#0d0f10
}
#header.header-dark .mega-menu>section.menu-list-items{
    background:#111416
}
#header.header-dark.topbar-dark .mega-menu .menu-links>li>a{
    color:#fff
}
#header.header-dark.topbar-dark .mega-menu .menu-links>li.active>a{
    color:#0d8e3b
}
#header.header-dark.topbar-dark .mega-menu .menu-links>li>a:hover{
    color:#0d8e3b
}
#header.header-dark.topbar-dark .topbar-profile{
    display:inline-block
}
#header.header-dark.topbar-dark .topbar-right{
    display:inline-block
}
#header.header-dark.topbar-dark .topbar-profile ul{
    background:#202020;
    padding:0 10px;
    margin-right:18px
}
#header.header-dark.topbar-dark .topbar-profile ul li{
    color:#fff
}
#header.header-dark.topbar-dark .topbar-profile ul li a{
    color:#fff;
    padding:0 10px
}
#header.header-dark.topbar-dark .topbar-profile ul li a i{
    padding-right:5px;
    color:#0d8e3b
}
#header.header-dark.topbar-dark .topbar-profile ul li a:hover{
    color:#0d8e3b
}
#header.header-dark.topbar-dark .menu [class*='col-']{
    text-align:center
}
#header.header-dark.topbar-dark .mega-menu .menu-logo{
    padding:37px 0
}
#header.header-dark.topbar-dark .mega-menu .menu-links>li{
    line-height:104px
}
#header.header-dark.topbar-dark ul.submit-button{
    padding:28px 0;
    display:block
}
#header.header-dark.topbar-dark ul.submit-button li a i{
    display:block;
    text-align:center;
    color:#fff;
    width:44px;
    height:44px;
    line-height:44px;
    border-radius:50%;
    background:#202020
}
#header.header-dark.topbar-dark ul.submit-button li a i:hover{
    background:#0d8e3b;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out
}
#header.header-dark.topbar-dark ul.submit-button li a.button{
    border-radius:3px;
    padding:4px 16px
}
#header.header-dark.topbar-dark ul.submit-button li a.button:before{
    border-radius:3px
}
#header.header-dark.topbar-dark .mega-menu.desktopTopFixed>section.menu-list-items{
    background:#111416;
    border-bottom-color:#111416
}
#header.header-dark.topbar-dark .mega-menu.desktopTopFixed>section.menu-list-items .menu-logo{
    padding:25px 0
}
#header.header-dark.topbar-dark .mega-menu.desktopTopFixed>section.menu-list-items .menu-links>li{
    line-height:76px
}
#header.header-dark.topbar-dark .mega-menu.desktopTopFixed>section.menu-list-items ul.submit-button{
    padding:19px 0
}
@media(min-width:992px){
    #header.header-dark.topbar-dark .mega-menu .menu-links{
        display:inline-block!important;
        float:none;
        text-align:center
    }
}
.car-directory-banner .search-tab{
    background:rgb(17 20 22 / .5);
    padding:20px;
    margin-top:30px;
    text-align:left
}
.car-directory-banner .search-tab .tabs-header{
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.car-directory-banner .search-tab .tabs-header .car-total{
    margin-left:auto
}
.car-directory-banner .search-tab #search-tabs{
    margin:0;
    padding:0
}
.car-directory-banner .search-tab #search-tabs ul.nav-tabs{
    vertical-align:middle;
    position:relative;
    margin:0;
    border-bottom:none
}
.car-directory-banner .search-tab #search-tabs .nav-tabs li.nav-item{
    list-style:none;
    margin-right:3px
}
.car-directory-banner .search-tab #search-tabs .nav-tabs li.nav-item:last-child{
    margin-right:0
}
.car-directory-banner .search-tab #search-tabs .nav-tabs li.nav-item .nav-link{
    color:#fff;
    background:#fff0;
    border:none;
    padding:2px 14px;
    border-radius:3px;
    font-size:13px
}
.car-directory-banner .search-tab #search-tabs ul.nav-tabs li.nav-item .nav-link.active,.car-directory-banner .search-tab #search-tabs ul.nav-tabs li.nav-item .nav-link.active:focus,.car-directory-banner .search-tab #search-tabs ul.nav-tabs li.nav-item .nav-link:hover{
    background:#0d8e3b;
    color:#fff;
    border:none
}
.car-directory-banner h4{
    text-transform:capitalize;
    font-weight:400;
    font-size:28px;
    margin-top:10px;
    line-height:28px
}
.car-directory-banner .search-tab #search-tabs .tab-content{
    overflow:visible;
    margin-bottom:0;
    border-top:5px solid rgb(0 0 0 / .5);
    padding-top:20px;
    margin-top:10px
}
.car-directory-banner .search-tab #search-tabs .tab-content .selected-box .select-styled{
    background:#6d7377;
    border-color:#6d7377;
    color:#fff
}
.car-directory-banner .search-tab #search-tabs .tab-content .form-group .form-control{
    background:#6d7377;
    border-color:#6d7377;
    color:#fff;
    padding:10px 18px
}
.car-directory-banner .search-tab #search-tabs .tab-content .selected-box .select-options{
    max-height:170px;
    overflow:auto
}
.car-directory-banner .search-tab #search-tabs .tab-content button{
    border:0
}
.car-directory-banner .search-tab #search-tabs h6{
    display:inline-block;
    color:#fff;
    margin-right:20px;
    margin-bottom:0
}
.car-directory-banner .search-tab .car-total{
    display:inline-block;
    vertical-align:middle
}
.car-directory-banner .search-tab .car-total h5 i{
    padding-right:8px;
    font-size:20px;
    line-height:24px;
    display:inline-block
}
.feature-box-5{
    background:#fff;
    box-shadow:0 3px 10px 0 rgb(0 0 0 / .1);
    padding:20px;
    border-radius:5px;
    margin-bottom:40px
}
.feature-box-5 .icon{
    display:table-cell
}
.feature-box-5 .icon i{
    font-size:60px;
    line-height:60px
}
.feature-box-5 .info{
    display:table-cell;
    vertical-align:top;
    padding-left:20px
}
.search-logo{
    background:#fff;
    padding:30px
}
.search-logo-box{
    border:1px solid #d7d7d7;
    border-radius:3px;
    padding:30px 20px;
    box-shadow:2px 2px 6px 0 rgb(0 0 0 / .1);
    position:relative;
    margin:16px 0
}
.search-logo-box span{
    position:absolute;
    right:-10px;
    top:-10px;
    border:1px solid #d7d7d7;
    background:#fff;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    font-weight:700;
    border-radius:50%;
    z-index:9;
    color:#323232
}
.search-logo .tabcontent .row{
    margin-right:-6px
}
.search-logo #tab22 img{
    padding-top:15px
}
.search-logo-box strong{
    position:absolute;
    right:0;
    left:0;
    top:5px;
    text-align:center;
    font-weight:700;
    z-index:9;
    color:#323232;
    text-transform:uppercase
}
.search-logo #search-logo-tabs .tabs-header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.search-logo #search-logo-tabs .nav-tabs{
    position:relative;
    margin:0;
    border-bottom:none
}
.search-logo #search-logo-tabs .nav-tabs li.nav-item{
    margin-right:3px;
    list-style:none
}
.search-logo #search-logo-tabs .nav-tabs li.nav-item:last-child{
    margin-right:0
}
.search-logo #search-logo-tabs .nav-tabs li.nav-item .nav-link{
    color:#323232;
    background:#f6f6f6;
    border:none;
    padding:2px 14px;
    border-radius:3px;
    font-size:13px;
    text-transform:uppercase;
    font-weight:700
}
.search-logo #search-logo-tabs ul.nav-tabs li.nav-item .nav-link.active,.search-logo #search-logo-tabs ul.nav-tabs li.nav-item .nav-link.active:focus,.search-logo #search-logo-tabs ul.nav-tabs li.nav-item .nav-link:hover{
    background:#0d8e3b;
    color:#fff;
    border:none
}
.search-logo #search-logo-tabs h6{
    padding-right:8px;
    font-size:20px;
    line-height:24px;
    display:inline-block
}
.search-logo #search-logo-tabs .tab-content{
    overflow:visible;
    margin-top:20px
}
.vehicle-tab #tabs .tabs-header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.vehicle-tab #tabs .nav-tabs li.nav-item{
    margin-right:3px
}
.vehicle-tab #tabs .nav-tabs li.nav-item:last-child{
    margin-right:0
}
.vehicle-tab #tabs .nav-tabs li.nav-item .nav-link{
    color:#323232;
    background:#f6f6f6;
    border:none;
    padding:2px 14px;
    border-radius:3px;
    font-size:13px;
    text-transform:uppercase;
    font-weight:700
}
.vehicle-tab #tabs ul.nav-tabs li.nav-item .nav-link.active,.vehicle-tab #tabs ul.nav-tabs li.nav-item .nav-link.active:focus,.vehicle-tab #tabs ul.nav-tabs li.nav-item .nav-link:hover{
    background:#0d8e3b;
    color:#fff;
    border:none
}
.vehicle-tab #tabs h6{
    padding-right:8px;
    font-size:20px;
    line-height:24px;
    display:inline-block
}
.vehicle-tab #tabs .tab-content{
    margin-bottom:20px;
    margin-top:20px
}
.dealer-box{
    padding:40px 30px;
    clear:both;
    margin-bottom:60px
}
.dealer-box.dark-bg{
    background:#272a2d
}
.dealer-box .box-content{
    display:table-cell;
    vertical-align:top
}
.dealer-box .box-content a{
    border-radius:3px;
    margin-top:10px
}
.dealer-box .box-icon{
    display:table-cell;
    padding-left:20px;
    vertical-align:middle
}
.dealer-box .box-icon i{
    display:block;
    font-size:80px;
    line-height:80px;
    color:#fff
}
.latest-blog .blog-button{
    margin-bottom:20px
}
.latest-blog .blog-button h5{
    margin-top:8px
}
.footer-3.footer-simple{
    padding-top:30px
}
.footer-3.footer-simple #logo-footer{
    height:30px
}
.footer-3.footer-simple .social{
    margin-bottom:30px
}
.footer-3.footer-simple .social ul li a{
    line-height:30px;
    margin-right:0;
    margin-left:14px
}
.footer-3.footer-simple .social ul li a i{
    background:#fff0;
    height:inherit;
    width:inherit;
    color:#fff;
    font-size:16px
}
.footer-3.footer-simple .social ul li a i:hover{
    color:#0d8e3b;
    background:#fff0
}
.car-item-2{
    border:1px solid #e3e3e3
}
.car-item-2 .car-content a.button{
    color:#fff;
    padding:9px 10px;
    min-height:auto;
    margin:0 5px;
    border-radius:0;
    text-transform:capitalize;
    text-align:center
}
.car-top::before{
    display:none
}
.search .search-block .search-title{
    font-size:18px;
    margin-bottom:10px;
    border-bottom:2px solid;
    padding-bottom:5px
}
.car-item-2.band-item{
    background:#fff;
    padding-top:5px;
    margin-bottom:30px
}
.car-item-2.band-item .car-content a{
    font-size:14px;
    margin-bottom:0
}
.car-item-2.band-item .car-content{
    padding:15px 5px
}
#header.topbar-dark .mega-menu .menu-logo .mobile-logo{
    display:none
}
.menu-logo img{
    width:100px
}
.search .search-block .nav-item{
    list-style:none;
    border:none;
    margin-right:10px
}
.search .search-block .nav-item .nav-link{
    border:2px solid #0d8e3b;
    color:#0d8e3b;
    font-weight:600;
    padding:2px 10px
}
.search .search-block .nav-tabs{
    border-bottom:none;
    margin-bottom:10px
}
.search .search-block .nav-item .nav-link.active,.search .search-block .nav-item .nav-link:hover{
    background:#0d8e3b;
    color:#fff
}
.search-top.search-top-open .search-box{
    line-height:20px
}
.tp-parallax-wrap{
    left:600px!important
}
.language__list{
    position:relative
}
.language__list .form-control{
    padding-left:5px;
    padding-right:20px;
    position:relative
}
.language__list i{
    position:absolute;
    right:12px;
    font-size:18px;
    top:50%;
    transform:translatey(-50%);
    z-index:999
}
.toll-free{
    color:#323232;
    font-size:16px;
    margin-left:0;
    display:inline-block
}
.car-item-2 .car-image .brand-image{
    position:absolute;
    top:0;
    width:90px;
    right:0;
    text-align:center
}
.brand-image{
    width:100%;
    margin:auto
}
.brandlogo_all .brand-image{
    position:relative
}
.brand-image img{
    width:80px
}
.car-item-2 .car-image .brand-image img{
    max-width:100%;
    width:auto
}
.accordion .accordion-item .accordion-collapse .accordion-body p:last-child{
    margin-bottom:0
}
.Campare-icon{
    align-items:center;
    display:grid;
    height:100%;
    text-align:center
}
.Campare-icon strong{
    height:60px;
    width:60px;
    margin:0 auto;
    background:#0d8e3b;
    color:#fff;
    font-size:35px;
    border-radius:50%;
    line-height:60px
}
.car-item .car-image .hp-uper{
    background:#0d8e3b;
    color:#fff;
    font-size:14px;
    padding:2px 5px;
    display:inline-block;
    position:absolute;
    top:8px;
    border-radius:5px;
    left:5px
}
.car-item .car-image .right-img .hp-uper{
    left:auto;
    right:5px
}
.compare-section{
    padding:50px 0
}
.compare-section-top.tabsticky.show{
    position:fixed;
    width:100%;
    left:0;
    top:60px;
    padding:10px 0;
    background:#fff;
    z-index:9;
    border-bottom:1px solid #e3e3e3
}
.compare-section-top.tabsticky.show .section-title{
    margin-bottom:0
}
.compare-section-table .title{
    background:#0d8e3b;
    color:#fff;
    padding:10px;
    margin:0
}
.compare-section-table table td{
    text-align:center;
    width:50%
}
.compare-section-table table th{
    text-align:center
}
.compare-section-table .unordered-lists{
    margin-bottom:30px
}
.compare-section-table .unordered-lists:last-child{
    margin-bottom:0
}
.recommended-price h4{
    background:#0d8e3b;
    color:#fff;
    padding:10px
}
.inner-intro h1{
    font-size:16px;
    margin-bottom:0
}
.car-details .detail-big-car-gallery .slick-list{
    border:1px solid #e3e3e3;
    margin-bottom:10px
}
.slider.slider-nav .slick-list .slick-slide div{
    margin:4px;
    border:1px solid #e3e3e3
}
.car-details-sidebar .details-form.contact-2.details-weight{
    padding:10px
}
.why-choose .feature-area{
    display:flex;
    flex-wrap:wrap
}
.why-choose .feature-area li{
    width:20%;
    display:inline-block;
    box-sizing:border-box;
    padding:0 10px
}
.why-choose .feature-area li .feature-box{
    margin-bottom:30px
}
.why-choose .feature-area li .feature-box h6{
    font-size:14px;
    text-transform:capitalize;
    padding-bottom:5px;
    margin-bottom:5px
}
.why-choose .feature-area li .feature-box p{
    margin-bottom:0;
    font-size:14px;
    line-height:22px
}
.why-choose .feature-area li .icon img{
    width:50px
}
.car-details-sidebar .details-phone.details-weight{
    padding:10px
}
.team .team-image .offer-label{
    position:absolute;
    top:10px;
    right:20px;
    background:#fb2929;
    color:#fff;
    font-size:16px;
    font-weight:600;
    padding:0;
    border-radius:50%;
    height:80px;
    width:80px;
    line-height:80px;
    text-align:center
}
#popup_content_wrap{
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:fixed;
    background:rgb(0 0 0 / .74);
    z-index:9999999
}
#popup_content{
    width:90%;
    height:auto;
    padding:0;
    position:relative;
    top:15%;
    left:0;
    background-color:#898989;
    border:2px solid #fff;
    margin:0 auto;
    max-width:480px;
    z-index:99;
    border-radius:5px
}
#popup_content .popuptitle{
    display:block;
    font-size:20px;
    line-height:35px;
    color:#fff;
    border-bottom:2px solid #fff;
    padding:15px;
    margin-bottom:10px
}
#popup_content .close-btn{
    color:#000;
    font-size:24px;
    position:absolute;
    top:10px;
    right:10px
}
#popup_content .contact-form .button.red{
    border:2px solid #fff
}
#popup_content .contact-form label{
    color:#fff;
    margin-bottom:3px;
    font-weight:600;
    font-size:16px
}
#popup_content .contact-form .button{
    background:#000
}
#popup_content .contact-form .button::before{
    background:#0d8e3b
}
.col-md-2.custom-col{
    width:12.5%
}
.col-md-2.custom-col .car-item-2 .car-content{
    padding:5px 0
}
.col-md-2.custom-col .car-item-2 .car-content a{
    font-size:14px;
    text-align:center;
    min-height:auto
}
.col-md-2.custom-col .car-item-2 .car-image img{
    width:80px
}
.section-title.compare-font h2{
    font-size:20px
}
.fixed-whatsapp{
    background:#4dc247;
    color:#fff!important;
    width:60px;
    height:60px;
    display:block;
    text-align:center;
    font-size:35px;
    line-height:60px;
    border-radius:50%;
    position:fixed;
    right:21px;
    bottom:100px
}
.user_dp img{
    width:50px;
    border-radius:50%
}
.d-md-inline{
    font-size:15px
}
.deznav{
    width:220px
}
.nav-header{
    width:220px
}
.alert-success{
    color:#0f5132;
    background-color:#d1e7dd;
    border-color:#badbcc;
    width:400px;
    margin:18px auto 0;
    position:absolute;
    z-index:9999;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    border:3px solid #fff;
    box-shadow:0 0 4px gray
}
#popup_content_wrap.successs-popup #popup_content{
    padding:30px;
    color:#fff;
    text-align:center
}
#popup_content_wrap.successs-popup #popup_content .btn.btn-primary{
    background:#fff0;
    border:none;
    position:absolute;
    top:0;
    right:0
}
.tp-bgimg.defaultimg{
    height:70vh!important
}
.tp-leftarrow.tparrows.zeus{
    top:35%!important;
    transform:matrix(1,0,0,1,20,-35);
    left:0
}
.tp-rightarrow.tparrows.zeus{
    top:35%!important;
    transform:matrix(1,0,0,1,-90,-35);
    left:100%
}
.topbar.mobile-top{
    display:none
}
.topbar.desctop-top{
    display:block
}
.topbar-profile ul li.mobil-num{
    display:none
}
.dealer-listing-box{
    padding:10px;
    background:#f0f0f0;
    color:#000;
    border-radius:5px;
    height:165px;
    border:1px dashed #0d8e3b
}
.dealer-listing-box p{
    margin-bottom:0;
    margin-top:5px
}
.dealer-listing-box h3{
    font-size:18px;
    font-weight:500
}
.emibrnads{
    font-size:20px;
    color:#000
}
.title-emi .h1{
    font-size:28px;
    color:#000;
    font-weight:600
}
.rupee-pay span,.clsMob-wrp span{
    font-size:25px;
    color:#000
}
.rupee-pay input,#inputIntrestRates{
    background:none;
    border:none;
    box-shadow:none;
    font-size:27px;
    font-weight:600
}
.newbank #range{
    width:100%
}
.emi-result-wrp-cont .newbank input[type="range"]{
    -webkit-appearance:none;
    margin-right:15px;
    width:100%;
    height:3px;
    background:#C2E1CD;
    background-repeat:repeat;
    background-image:none;
    background-size:auto;
    background-repeat:repeat;
    background-image:none;
    background-size:auto;
    border-radius:15px;
    position:relative;
    background-image:linear-gradient(#0D8E3B,#0D8E3B);
    background-size:23% 100%;
    background-repeat:no-repeat
}
.range-slider-mob.range-percent-mob{
    margin-top:40px
}
#inputIntrestRates{
    width:40px
}
.down-payment-rate.newscrool-rate{
    margin-top:40px
}
.calculate-emi .calculate-emi-Content .down-payment-rate .loan-period{
    border-radius:8px;
    height:45px;
    white-space:nowrap;
    overflow-x:auto;
    margin-top:22px;
    margin-bottom:0
}
.calculate-emi .calculate-emi-Content .down-payment-rate .loan-period .loan-period-steps{
    border-radius:0;
    height:100%;
    min-width:44px;
    font-size:13px;
    font-family:"tj-bold";
    flex:none;
    max-width:none;
    background:#F9F9F9;
    position:relative;
    cursor:pointer
}
.calculate-emi .calculate-emi-Content .down-payment-rate .loan-period .loan-period-steps::after{
    content:"";
    width:1px;
    right:0;
    height:65%;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    border-right:1px solid #DADADA
}
.calculate-emi .calculate-emi-Content .down-payment-rate .loan-period .loan-period-steps.active{
    background:#0d8e3b;
    color:#fff;
    border-radius:8px
}
.repayInterval-b{
    font-size:25px;
    color:#000;
    font-weight:600
}
.repayInterval-box .repayInterval-list{
    gap:30px
}
.repayInterval-box .repayInterval-list .radio-button-container{
    color:#323232;
    display:block;
    position:relative;
    padding-left:30px;
    margin:0;
    cursor:pointer;
    font-size:14px;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.repayInterval-box .repayInterval-list .radio-button-container input{
    position:absolute;
    opacity:0;
    cursor:pointer
}
.repayInterval-box .repayInterval-list .radio-button-container input:checked~.checkmark{
    background-color:#fff0;
    border-color:#CD454E
}
.repayInterval-box .repayInterval-list .radio-button-container .checkmark::after{
    top:50%;
    transform:translate(-50%,-50%);
    left:50%;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#CD454E
}
.repayInterval-box .repayInterval-list .radio-button-container input:checked~.checkmark::after{
    display:block
}
.repayInterval-box .repayInterval-list .checkmark{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    height:20px;
    width:20px;
    background-color:#fff0;
    border-radius:50%;
    border:2px solid #DADADA;
    border-top-color:#dadada;
    border-right-color:#dadada;
    border-bottom-color:#dadada;
    border-left-color:#dadada;
    transition:all 0.3s
}
.repayInterval-box .repayInterval-list .checkmark::after{
    content:"";
    position:absolute;
    display:none
}
.newbikeSingle-left.mb-4{
    padding:10px;
    border:1px solid #ddd
}
.emi-months-wrp{
    border:1px solid #ccc
}
.calculate-emi .calculate-emi-Content .road-price{
    display:flex;
    text-align:center;
    padding-bottom:38px;
    padding-top:11px;
    background:#F6F6F6;
    border-radius:4px;
    align-items:center;
    justify-content:center;
    padding:18px;
    position:relative;
    border:1px solid #ccc
}
.calculate-emi .calculate-emi-Content .road-price::before{
    content:"";
    width:2px;
    height:70%;
    position:absolute;
    right:50%;
    background:#BFBFBF;
    top:50%;
    transform:translateY(-50%);
    display:block;
    border-radius:2px
}
.calculate-emi .calculate-emi-Content .road-price .emi-road-price{
    padding-left:0;
    position:relative;
    width:50%;
    float:left
}

.calculate-emi .calculate-emi-Content .road-price h3{
    font-size:35px;
    margin-bottom:5px
}
.calculate-emi .calculate-emi-Content .road-price .on-road-price{
    padding-left:0;
    position:relative;
    width:50%;
    float:left
}
.calculate-emi .calculate-emi-Content .road-price .on-road-price p{
    margin-bottom:0
}
.calculate-emi .calculate-emi-Content .calculate-row{
    padding:12px 10px
}
.calculate-emi .calculate-emi-Content .calculate-row .calculate-emi-price{
    flex-basis:28%;
    display:flex;
    justify-content:space-between
}
.emi-months-wrp .calculate-row .calculate-emi-price .calculate-emi-label{
    flex-basis:50%;
    text-align:center;
    background:#efefef;
    border:1px solid #f1f1f1
}
.calculate-emi-label h6{
    font-size:16px;
    background:#0d8e3b;
    padding:5px;
    color:#fff
}
.calculate-emi .calculate-emi-Content .calculate-row .calculate-emi-price{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:100%
}
.calculate-emi-label{
    width:48%;
    text-align:center;
    border:1px solid #ccc;
    margin:0 0 10px
}
.calculate-emi-label p{
    font-size:22px;
    font-weight:600;
    padding:10px 0
}
.emi-months-wrp .calculate-row .calculate-emi-price .calculate-emi-label p{
    font-size:25px;
    color:#000;
    font-weight:600;
    margin-bottom:0
}
.web-story-grid{
    padding:0
}
.web-story-grid .news-img{
    object-fit:fill;
    height:auto;
    position:relative
}
.story-icon{
    position:absolute!important;
    object-fit:contain!important;
    right:12px!important;
    top:12px!important;
    width:25px!important;
    height:25px!important;
    border-radius:0px!important
}
.web-story-grid .news-content{
    padding:10px 10px 10px
}
.news-main.web-story-grid{
    border:1px solid #ccc;
    padding:5px
}
.news-img img{
    width:100%;
    height:100%
}
a.weblink{
    color:#333
}
.oneline{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size:14px
}
.news-main .news-date{
    font-size:11px
}
.box-shadow{
    box-shadow:0 1px 2px rgb(36 39 44 / .15)
}
.LoadMoreDiv .weblink{
    line-height:38.4px;
    max-width:266px;
    width:100%
}
.viewall a,.viewall span{
    background-color:#0d8e3b;
    line-height:36px;
    color:#fff;
    border-radius:3px;
    cursor:pointer
}
.sidebar-block{
    padding:35px 28px
}
.news-block-grid #newsMoreData .col-6.col-sm-6.col-md-3{
    padding:0 8px
}
.grey-bg{
    background-color:#f6f6f6!important
}
.section-heading.sub-heading h2{
    font-size:19px
}
.form-control{
    height:40px;
    border-radius:0;
    font-size:13px;
    float:left
}
.form-control:focus{
    box-shadow:none
}
button,.form-submit-btn{
    padding:15px;
    border:0;
    background-color:#0d8e3b;
    line-height:1.5
}
.news-cate-sidebar{
    padding-left:15px
}
.news-cate-sidebar li{
    list-style:disclosure-closed
}
.tractor-list .tractor-list-left{
    flex:0 0 30%;
    max-width:30%;
    background-color:#fff;
    position:relative;
    height:70px
}
.tractor-list .tractor-list-left img{
    position:absolute;
    top:0;
    left:0;
    -o-object-fit:contain;
    object-fit:contain;
    width:100%;
    height:100%
}
img{
    max-width:100%;
    image-rendering:-webkit-optimize-contrast
}
.tractor-list .tractor-list-right{
    flex:0 0 70%;
    max-width:70%
}
.text-editor-block h2{
    font-size:16px;
    background-color:#F5F5F5;
    padding:8px 10px;
    border-left:2px solid #0d8e3b
}
.text-editor-block ul{
    padding-left:18px;
    list-style:square
}
.text-editor-block.text-editor-block-ul-5 ul li{
    flex:0 0 20%;
    max-width:20%;
    margin-bottom:5px;
    position:relative;
    display:inline-flex
}
.text-editor-block.text-editor-block-ul-5 ul li:before{
    content:"";
    background-image:url(https://tractorkharido.com/resources/assets/img/location-r-arw.svg);
    width:9px;
    height:10px;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-18px
}
.videos-content iframe{
    height:250px
}
.videos-content a{
    font-size:15px;
    font-weight:600;
    color:#323232;
    margin-bottom:5px;
    display:block
}
.news-letter-main .news-letter-form .button{
    height:100%
}
.car-details p,.blog .entry-content p,.car-details ul li,.feature-car p{
    text-align:justify
}
.group-chat a{
    background:#ddd;
    display:flex;
    padding:10px 10px;
    border-radius:10px;
    justify-content:center;
    align-items:center
}
.footer-3.footer-topbar .group-chat a img{
    width:40px;
    height:40px;
    margin-right:5px;
    margin-left:0
}
.group-chat a span{
    color:#000;
    font-size:14px;
    font-weight:600;
    line-height:1.2
}
@media (max-width:1440px){
    .web-story-grid .news-img{
        height:360px
    }
}
@media (max-width:1200px){
    .web-story-grid .news-img{
        height:330px
    }
}
@media (max-width:1024px){
    .web-story-grid .news-img{
        height:280px
    }
}
@media (max-width:768px){
    .web-story-grid .news-img{
        height:180px
    }
}
@media (max-width:767px){
    .web-story-grid .news-img{
        height:300px
    }
    .accordion .accordion-header .accordion-button{
        font-size:12px
    }
    .web-story-grid.news-main .news-img img{
        object-fit:contain
    }
    .group-chat{
        margin-top:30px
    }
    .car-top{
        right:10px
    }
    .car-top.show{
        bottom:80px!important
    }
    .wizard-form .wizard-form-progressbar li span{
        display:none
    }
    .form-view-overlay{
        margin-top:-40px
    }
    .page-banner .page-banner-content h1{
        font-size:20px
    }
    .wizard-form .wizard-form-progressbar li:before{
        width:35px;
        height:35px;
        margin-top:10px;
        background-size:18px
    }
    .page-banner .page-banner-content h2{
        display:none
    }
}
@media (max-width:390px){
    .web-story-grid .news-img{
        height:280px
    }
}
.image-upload-btn.is-invalid{
    border:2px solid #dc3545;
    border-radius:6px;
    padding:2px
}
input.is-invalid,select.is-invalid,textarea.is-invalid{
    border-color:#dc3545!important
}
.invalid-feedback{
    display:block;
    color:#dc3545;
    font-size:.9em;
    margin-top:2px
}
.listtractor li{
    border:1px solid #ccc
}
.border_all{
    border:1px solid #ccc
}
.listtractor .list-inline>li{
    display:inline-block;
    padding-right:5px;
    padding-left:5px;
    background:#fff
}
.car-item .car-content a.height_48{
    min-height:48px
}
.padding_30{
    padding:30px
}
@media screen and (max-width:1024px){
    .mega-menu .menu-links.menudesignall_custum{
        display:block;
        overflow-y:scroll;
        white-space:nowrap;
        overflow-x:hidden
    }
}
@media(max-width:991px){
    .height_48{
        min-height:48px
    }
    .car-item .car-content a{
        font-size:14px;
        min-height:auto;
        text-align:center;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        display:-webkit-box;
        text-overflow:ellipsis;
        overflow:hidden;
        min-height:45px;
        line-height:1.5
    }
    .calculate-emi-label h6{
        font-size:11px;
        background:#0d8e3b;
        padding:5px;
        color:#fff
    }
    .why-choose .feature-area li{
        width:50%;
        display:inline-block;
        box-sizing:border-box;
        padding:0 10px
    }
    h2{
        font-size:21px;
        line-height:1.5
    }
    .intro-title{
        display:flex;
        vertical-align:middle;
        padding-bottom:0;
        justify-content:left;
        align-items:center;
        padding:10px;
        text-align:left;
        gap:0
    }
}
.termsandcondition li{
    padding:0;
    color:#fff;
    background:#fff0
}
.logocompany{
    width:100px
}
.logocompany img{
    width:100%
}
.marginbrands{
    margin-bottom:10px
}
@media(max-width:767px){
    .car-item-2 .car-image{
        height:115px
    }
    .car-content.allcenter{
        text-align:center
    }
    .footer-3 .social ul li a{
        margin-right:5px;
        font-size:16px
    }
    .secitonnew.govscheme .row{
        gap:10px
    }
    .footer_all_design.footer-3.footer-topbar .top{
        margin-bottom:0
    }
    .car-item-2 .car-image img{
        position:relative;
        overflow:hidden;
        height:100%;
        object-fit:contain;
        width:100%
    }
    .brandlogo_all .col-md-2{
        padding:2px
    }
    .brandlogo_all .col-md-2 .car-item-2.text-center{
        margin-top:0
    }
    .selectfont{
        font-size:12px
    }
    .car-item-2.text-center{
        margin-top:15px
    }
    .search .search-block.homeformfillter{
        padding:15px 10px 15px
    }
    .home_buy_sell.govscheme{
        padding:15px 0
    }
    .car-item-2 .car-content.allcenter a{
        text-align:center
    }
    .home_buy_sell .custom-section-title{
        margin-bottom:15px
    }
    .counter.counter-style-1 .counter_all_design .timer{
        margin-top:0
    }
    .counter_all_design .d-flex{
        align-items:center
    }
    .blog-2 .blog-description a{
        margin-bottom:0;
        font-size:11px;
        display:block;
        color:#323232;
        font-weight:600;
        text-transform:capitalize;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
        overflow:hidden;
        text-overflow:ellipsis;
        display:-webkit-box;
        line-height:1.5
    }
    .blog_section_design .row.g-4{
        margin-top:5px
    }
    .blog_section_design .row.g-4 .col-md-3{
        margin-top:5px
    }
}
@media (max-width:1800px){
    .car-why-choose p{
        line-height:24px;
        font-size:16px
    }
    .car-why-choose h3{
        margin-bottom:10px;
        font-size:22px
    }
}
@media (max-width:1400px){
    .objects-center{
        display:none
    }
    .our-service.objects-car{
        padding-bottom:20px
    }
    .our-service.objects-car .objects-left{
        display:none
    }
    .our-service.objects-car .objects-right{
        display:none
    }
    .objects-left.left .objects-1{
        left:-480px
    }
    .objects-right.right .objects-2{
        right:-480px
    }
    .latest-blog.objects-car .objects-1,.latest-blog.objects-car .objects-2{
        display:none
    }
    .objects-car.why-choose .objects-1,.objects-car.why-choose .objects-2{
        display:none
    }
    .awards-section .horsepower-bg{
        padding:90px 40px
    }
}
@media (max-width:1272px){
    .car-item .car-list li{
        padding:0
    }
    .recent-post-image img{
        width:65px;
        height:65px;
        object-fit:fill
    }
    .counter.counter-style-1.counter-light ul li{
        padding:20px 30px
    }
    .quick-links .link a h6{
        font-size:14px
    }
    .custom-block-3 .feature-box-3 .feature-box-3 .icon{
        float:none
    }
    .recent-vehicle .isotope.column-4 .grid-item{
        width:33.333%
    }
    .content-box-5 a{
        font-size:22px
    }
    .our-team .owl-carousel .owl-item img{
        width:100%
    }
    .masonry.columns-4 .masonry-item{
        width:33.333%
    }
    .sorting-options-main .pagination li a{
        margin:0 1px
    }
    .car-details .details-nav ul li a{
        padding:10px 8px
    }
    .car-details .details-nav ul li{
        margin-right:0
    }
    .content-box-3{
        overflow:hidden
    }
    .content-box-3 img{
        max-width:inherit
    }
    .slider-parallax{
        height:100vh
    }
    .overview .overview-share .share ul li a{
        margin-right:0
    }
    .overview .overview-share .pdf,.overview .overview-share .see-video,.overview .overview-share .share{
        margin-right:5px
    }
    .awards-box span{
        font-size:16px
    }
    .overview .overview-content h2{
        font-size:36px
    }
    .section-title-la-page{
        margin-bottom:30px
    }
    .car-listing-sidebar .isotope.column-5 .grid-item{
        width:25%
    }
    .topbar li,.topbar li a{
        font-size:13px
    }
}
@media (min-width:1200px){
    .container{
        max-width:1170px
    }
}
@media (max-width:1199px){
    .topbar-left.text-left{
        text-align:center
    }
    #header .container-fluid{
        padding:0 15px
    }
    #header.header-dark.topbar-dark [class*='col-']{
        text-align:center
    }
}
@media (max-width:1025px){
    .quick-links .link a h6{
        font-size:13px
    }
    .quick-links .link a{
        padding:30px 5px
    }
    .search-block.find-car .price-slide{
        margin-bottom:40px
    }
    .car-listing-sidebar .isotope.column-5 .grid-item{
        width:33.3333%
    }
    .client-box{
        padding:20px
    }
    .our-expert-team .row-eq-height{
        display:block
    }
    .mega-menu .menu-links>li>a{
        padding:0 10px
    }
    #header.header-dark.topbar-dark ul.submit-button li a.button{
        padding:4px 8px
    }
}
@media only screen and (min-width:991px) and (max-width:1200px){
    .container{
        width:94%
    }
}
@media only screen and (min-width:768px) and (max-width:999px){
    .container{
        max-width:96%
    }
}
@media(max-width:991px){
    .car-item-2 .car-list ul li{
    font-size:9px;
}

    .container-fluid{
        padding:0 15px
    }
    .search-block.mobilenewform{
        position:relative;
        left:0;
        top:0;
        transform:none
    }
    .custom-thumb{
        width:50px;
        height:50px
    }
    .topbar-profile ul{
        align-items:center;
        display:flex;
        justify-content:space-between
    }
    .page-section-ptb{
        padding:40px 0
    }
    .page-section-pt{
        padding-top:40px
    }
    .page-section-pb{
        padding-bottom:40px
    }
    #header .topbar-left.text-left,#header .topbar-right.text-right{
        text-align:center
    }
    .mega-menu .menu-logo>li>a{
        padding:0
    }
    .mega-menu .menu-logo{
        padding:20px 0
    }
    .mega-menu .menu-mobile-collapse-trigger{
        margin-top:9px
    }
    .mega-menu .menu-links{
        border:1px solid #e3e3e3;
        position:absolute;
        top:100%;
    }
    .mega-menu .menu-links>li{
        line-height:44px
    }
    .mega-menu .mobileTriggerButton{
        z-index:1
    }
    .search-top .search-btn{
        color:#323232
    }
    .search-top .search-btn{
        display:none!important
    }
    .search-top{
        padding:19px 20px
    }
    .mega-menu .menu-links>li:last-child{
        border-bottom:0
    }
    .search-top.search-top-open .search-box{
        top:52px!important
    }
    #header.defualt{
        position:relative;
        background:#323232
    }
    #header.light .mega-menu .menu-mobile-collapse-trigger:before,#header.light .mega-menu .menu-mobile-collapse-trigger:after,#header.light .mega-menu .menu-mobile-collapse-trigger span{
        background:#db2d2e
    }
    .welcome-block p{
        padding:0
    }
    .feature-box{
        margin-bottom:30px
    }
    .welcome-block .halp-call{
        margin-top:30px
    }
    .car-item .car-list li{
        padding:0 4px
    }
    .blog-1 img{
        width:100%;
        margin-bottom:30px
    }
    .blog-1 .blog-content{
        padding-left:0
    }
    .footer .social ul li a{
        padding:0 10px
    }
    .footer .social ul li a i{
        font-size:20px
    }
    .footer-2 .usefull-link{
        margin-bottom:30px
    }
    .footer-2 .social{
        margin-bottom:30px
    }
    .footer-2 .footer-box{
        margin-bottom:30px
    }
    .copyright .text-left,.copyright .text-right{
        text-align:center
    }
    .content-box{
        margin-bottom:30px
    }
    .counter.counter-style-1.counter-light ul{
        display:inline-block;
        width:100%;
        background:#fff
    }
    .testimonial-2 .testimonial-center{
        width:100%
    }
    .why-choose .feature-box{
        margin-bottom:30px
    }
    .why-choose.page-section-pt{
        padding-bottom:50px
    }
    .topbar-dark .mega-menu .menu-mobile-collapse-trigger:before,.topbar-dark .mega-menu .menu-mobile-collapse-trigger:after,.topbar-dark .mega-menu .menu-mobile-collapse-trigger span{
        background:#0d8e3b
    }
    .mega-menu{
        min-height:68px
    }
    #header.topbar-dark .mega-menu .menu-logo{
        padding:5px 0
    }
    #header.fancy .mega-menu .menu-logo{
        padding:20px 0
    }
    #header.light .mega-menu .menu-logo{
        padding:20px 0
    }
    .search .search-block span{
        font-size:12px
    }
    .content-box-2.car-bg-1{
        padding:30px 30px 30px
    }
    .content-box-2.car-bg-2{
        padding:30px 30px 30px
    }
    .content-box-2.car-bg-3{
        padding:30px 30px 30px
    }
    .footer-3 .footer-nav.text-right,.footer-3 .social.text-lg-right{
        text-align:center;
        margin:20px 0
    }
    .footer-3.footer-topbar img{
        text-align:center;
        display:block;
        margin:0 auto
    }
    .footer-3 .about-content{
        margin-bottom:30px
    }
    #header.fancy .menu{
        position:relative;
        top:0
    }
    #header.fancy .topbar{
        padding:10px 0
    }
    #header.fancy .mega-menu .menu-mobile-collapse-trigger:before,#header.fancy .mega-menu .menu-mobile-collapse-trigger:after,#header.fancy .mega-menu .menu-mobile-collapse-trigger span{
        background:#0d8e3b
    }
    #header.fancy .mega-menu>section.menu-list-items{
        padding:0
    }
    .quick-links .link a:hover h6{
        padding-top:0
    }
    .custom-block-3 img{
        margin-top:30px
    }
    .quick-links{
        margin-bottom:50px;
        min-height:auto
    }
    .custom-block-3 img{
        width:100%
    }
    .feature-car-area .feature-box-2.text-right{
        text-align:left
    }
    .isotope .car-item .car-list li{
        font-size:12px;
        padding:0 2px
    }
    .footer-3 .social{
        margin-bottom:40px
    }
    .footer-3 .usefull-link{
        margin-bottom:50px
    }
    .feature-car-area img{
        display:none
    }
    .recent-vehicle .isotope.column-5 .grid-item{
        width:33.333%
    }
    .content-box-main .container{
        width:100%
    }
    .welcome-4 .feature-box{
        margin-bottom:0;
        margin-top:40px
    }
    .inner-intro h1{
        font-size:22px
    }
    .opening-hours strong{
        width:90px
    }
    .contact .contact-box{
        margin:0px!important;
        padding:10px 10px
    }
    .contact-2 .gray-form.row{
        margin-bottom:30px;
        padding-right:0
    }
    .coming-soon-search .row.gray-form{
        padding:0 15px
    }
    .masonry .masonry-item{
        margin-bottom:20px
    }
    .masonry.columns-3 .masonry-item{
        width:50%
    }
    .masonry.columns-4 .masonry-item{
        width:50%
    }
    .latest-blog.border.masonry-main .masonry.columns-2 .masonry-item{
        width:100%
    }
    .sorting-options-main .price-slide,.sorting-options-main .price-slide-2{
        margin-bottom:30px
    }
    .sorting-options-main .text-right{
        text-align:left;
        margin-top:10px
    }
    .sorting-options-main .pagination-nav.text-center{
        text-align:left;
        margin:14px 0
    }
    .sorting-options-main .sorting-options .selectpicker{
        margin-left:0;
        margin-right:10px
    }
    .product-listing .car-grid .car-details{
        margin-top:20px
    }
    .car-details .details-nav ul li{
        margin-bottom:15px
    }
    #tabs .tabs li{
        padding:10px 5px
    }
    .content-box-3 img{
        display:none
    }
    .sorting-options-bottom .text-right{
        text-align:left;
        ;
        margin-top:10px
    }
    .sorting-options-bottom .selectpicker{
        margin-left:0;
        margin-right:10px
    }
    .search .search-block{
        margin-top:40px
    }
    .content-box-3{
        padding-top:0
    }
    .timeline:before{
        left:25px
    }
    .timeline>li>.timeline-badge{
        left:25px
    }
    .timeline>li>.timeline-panel{
        width:100%
    }
    .timeline>li.timeline-inverted>.timeline-panel:before{
        left:-15px
    }
    .timeline>li>.timeline-panel:before{
        border-left-width:0;
        border-right-width:15px;
        left:-15px;
        right:auto
    }
    .timeline>li>.timeline-panel:after{
        border-left-width:0;
        border-right-width:14px;
        left:-14px;
        right:auto
    }
    .timeline>li:not(.timeline-inverted){
        padding-right:0;
        padding-left:90px
    }
    .timeline>li:hover>.timeline-panel:after{
        border-right-color:#db2d2e
    }
    .search .search-block .select-styled{
        padding:13px 9px
    }
    .objects-left{
        display:none
    }
    .objects-right{
        display:none
    }
    #exampleModal5 .modal-dialog{
        width:auto
    }
    .details-nav ul{
        text-align:center
    }
    .car-details .details-nav ul li{
        margin-bottom:0
    }
    .details-nav ul li a{
        margin-bottom:3px
    }
    .details-nav .modal{
        text-align:left
    }
    .dealer-box{
        margin-bottom:60px
    }
    .bg-10{
        background-image:none
    }
    #header.topbar-dark.logo-center .mega-menu .menu-links>li{
        float:left;
        display:block
    }
    #header.topbar-dark.logo-right .mega-menu .menu-logo>li{
        float:right
    }
    #header.topbar-dark.logo-right .mega-menu .menu-logo>li>a{
        float:right
    }
    #header.topbar-dark.logo-right .mega-menu .menu-mobile-collapse-trigger{
        right:inherit;
        left:0
    }
    #header.topbar-dark .mega-menu .menu-links>li:first-child>a{
        padding-left:10px
    }
    .welcome-5.bg-8{
        background:#f6f6f6
    }
    .welcome-5 .counter.counter-style-1.counter-light ul{
        background:#fff0
    }
    .welcome-5 .counter.counter-style-1.counter-light ul li{
        border:0
    }
    .bg-9{
        overflow:hidden
    }
    .isotope-filters.vartical-filter{
        display:block
    }
    .isotope-banner{
        display:none
    }
    #header.topbar-dark.logo-center .mega-menu .menu-logo>li>a img{
        margin:inherit
    }
    #header.topbar-dark.logo-center .mega-menu .menu-logo{
        padding:20px 0 10px
    }
    .search-block.find-car img{
        display:none
    }
    .play-video-2-section .custom-block-2{
        margin-top:40px
    }
    .play-video-2 img{
        width:100%
    }
    .search-here .search-block{
        margin-top:40px
    }
    .search-here .search-block .search-top-2 label{
        display:inline-block
    }
    .custom-block-5 .counter{
        margin-bottom:0;
        padding-bottom:20px
    }
    .mega-menu .drop-down ul,.mega-menu .drop-down ol,.mega-menu .drop-down dl,.mega-menu .drop-down-tab-bar ul,.mega-menu .drop-down-tab-bar ol,.mega-menu .drop-down-tab-bar dl{
        margin-bottom:0
    }
    .mega-menu .drop-down [class*="grid-col-"],.mega-menu .drop-down-tab-bar [class*="grid-col-"]{
        padding:0 10px
    }
    .mega-menu .drop-down a,.mega-menu .drop-down-tab-bar a{
        padding:0
    }
    #header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-links{
        float:none
    }
    #header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-logo{
        float:none
    }
    .overview.bg-16{
        background:#fff
    }
    .awards-section .row-eq-height{
        display:block
    }
    .design-tab-bg-01,.design-tab-bg-02,.design-tab-bg-03,.design-tab-bg-04,.design-tab-bg-05,.design-tab-bg-06{
        display:none
    }
    .design-content{
        padding:20px 15px
    }
    .design-section .tabcontent .tab-02-content{
        margin-bottom:20px
    }
    .design-section .tabcontent img{
        margin-bottom:30px
    }
    .contact-section .contact-form{
        margin-top:20px
    }
    .popup-video-banner h1{
        font-size:40px;
        line-height:40px;
        margin:10px 0
    }
    .popup-video-banner img{
        padding:10px 0
    }
    .car-listing-sidebar .isotope.column-5 .grid-item{
        width:50%
    }
    .car-listing-sidebar .listing-sidebar.is_stuck{
        top:0!important
    }
    .our-expert-team{
        overflow:hidden
    }
    .our-expert-team .car-why-choose{
        padding:20px
    }
    #main-slider .slider-content h1{
        font-size:30px;
        line-height:30px
    }
    #main-slider .slider-content p{
        font-size:18px
    }
    #main-slider .slider-content span{
        font-size:14px
    }
    #main-slider .slider-content .button{
        padding:4px 14px;
        font-size:12px
    }
    .why-choose-counter.counter.counter-style-1.counter-light{
        margin-top:30px
    }
    .bg-11{
        background:#fff0
    }
    #header.header-dark.topbar-dark ul.submit-button{
        position:absolute;
        right:40px;
        top:0
    }
    #header.header-dark.topbar-dark .mega-menu .menu-logo{
        padding:20px 0
    }
    #header.header-dark.topbar-dark ul.submit-button{
        padding:8px 0
    }
    #header.header-dark.topbar-dark ul.submit-button li a.button{
        padding:0 9px;
        font-size:13px
    }
    #header.header-dark.topbar-dark .mega-menu .menu-links>li{
        line-height:44px
    }
    #header.header-dark.topbar-dark .mega-menu .menu-links>li>a{
        color:#323232
    }
    .vehicle-tab .tab-hiiden,.search-banner .tab-hiiden{
        display:none
    }
    .search-top{
        display:block!important;
        float:none;
        padding:19px 0;
        margin-left:0
    }
    .search-box{
        visibility:visible!important;
        position:inherit!important;
        width:100%!important;
        border-top:0
    }
    .search-page{
        position:relative;
        margin-top:10px
    }
    .topbar-profile{
        margin-top:0
    }
    .footer .recent-post-block{
        margin-top:30px
    }
    .footer .news-letter{
        margin-top:30px
    }
    .footer .social{
        margin-bottom:60px
    }
    .design-section .tab-content .tab-02-content{
        margin-bottom:60px
    }
    .car-item .car-image img{
        width:100%
    }
    .carousel-inner{
        height:auto
    }
}
@media (max-width:767px){
    .counter.counter-style-1 h6{
        position:relative;
        padding-bottom:0;
        margin:5px 0;
        font-size:13px
    }
    .all_brands_design_new .section_4 .car-image{
        height:100%
    }
    .all_brands_design_new .section_6 .car-image img,.all_brands_design_new .section_5 .car-image img,.all_brands_design_new .section_4 .car-image img{
        object-fit:cover
    }
    .topbar li,.topbar li a{
        font-size:12px
    }
    #header.topbar-dark .topbar{
        padding:7px 0
    }
    h1,h2,h3,h4,h5{
        font-size:16px;
        line-height:1.5;
        margin:10px 0 20px;
        text-transform:capitalize
    }
    h6{
        font-size:18px
    }
    .text-center p{
        text-align:center
    }
    p{
        font-size:13px;
        line-height:24px;
        color:#333;
        letter-spacing:.2px
    }
    .text-center{
        text-align:center!important;
        font-size:15px;
        line-height:24PX;
        text-align:justify
    }
    ul li{
        line-height:1.5
    }
    .content h6{
        font-size:18px
    }
    .section-title span{
        margin-bottom:10px;
        display:block;
        line-height:24px;
        text-align:justify;
        font-size:15px
    }
    span.para-title{
        text-align:center
    }
    #popup_content{
        margin:0 auto
    }
    .search .search-block{
        padding:15px 15px 10px;
        margin:40px 20px 0 28px;
        background:#fff;
        border:1px solid #c4c4c4;
        position:relative!important;
        z-index:0!important;
        left:0px!important;
        width:280px;
        top:0%!important;
        border-radius:10px
    }
    .blog-2 .blog-content{
        margin:0
    }
    .blog-2 .blog-image{
        position:relative;
        padding-right:0;
        padding-left:0
    }
    .col-md-2.custom-col{
        width:33.33%
    }
    .container{
        max-width:100%
    }
    .welcome-4 .feature-box-3{
        margin-top:20px
    }
    .dealer-box{
        margin-bottom:40px
    }
    .section-title{
        margin-bottom:5px!important
    }
    .section-title h2{
        font-size:24px
    }
    .custom-block-1 h2{
        font-size:25px
    }
    .footer .social{
        margin-bottom:40px
    }
    .footer .usefull-link{
        margin-top:30px
    }
    .footer .social ul{
        text-align:center
    }
    .footer .social ul li{
        display:inline-block;
        text-align:center
    }
    .footer .social ul li a i{
        padding-left:10px
    }
    .footer-2 .keep-touch{
        margin-bottom:30px
    }
    .footer-3.footer-topbar .top{
        margin-bottom:40px
    }
    .footer hr{
        margin-top:40px;
        border-color:rgb(255 255 255 / .11)
    }
    .content-box-2.car-bg-1,.content-box-2.car-bg-2{
        margin-bottom:30px
    }
    .content-box-2.car-bg-1,.content-box-2.car-bg-2,.content-box-2.car-bg-3{
        background-size:cover;
        background-position:center
    }
    .feature-box-2.box-hover{
        margin-bottom:30px
    }
    .car-item-2 .car-list ul li{
        margin-bottom:3px
    }
    .testimonial-3 .owl-carousel .owl-item img{
        width:100%
    }
    .news-letter-main .news-letter-form{
        padding:0 0;
        margin-top:20px
    }
    .testimonial-4 .testimonial-block p{
        padding:0
    }
    .recent-vehicle .isotope.column-4 .grid-item{
        width:50%
    }
    .recent-vehicle .isotope.column-5 .grid-item{
        width:50%
    }
    .welcome-4 .owl-carousel{
        margin-bottom:30px
    }
    .welcome-4 .owl-carousel .owl-item img{
        width:100%
    }
    .intro-title .text-left,.intro-title .text-right{
        text-align:center
    }
    .inner-service .feature-box-2{
        border:0;
        padding:20px 30px
    }
    .career .list-style-1{
        margin-bottom:30px
    }
    .team-2 img{
        width:100%
    }
    .contact .feature-box-3{
        margin-bottom:0
    }
    .contact-2 .gray-form.row{
        padding:0 15px
    }
    .contact-map{
        height:440px;
        width:100%
    }
    .error-page h2{
        font-size:160px;
        line-height:170px
    }
    .error-page .error-search{
        padding:0 15px
    }
    .error-page h3{
        font-size:40px
    }
    .error-page img{
        margin-top:-50px
    }
    .coming-soon .countdown p{
        padding:0;
        font-size:16px;
        line-height:30px;
        margin-bottom:40px
    }
    .ordered-lists ol,.ordered-lists ul{
        margin-bottom:30px
    }
    blockquote{
        padding-right:0
    }
    .page-right-sidebar .blog-sidebar{
        margin-top:50px
    }
    .page-both-sidebar .blog-sidebar .sidebar-widget{
        margin-top:50px
    }
    .page-both-sidebar.page-section-ptb{
        padding-top:10px
    }
    .blog.blog-right-sidebar .pagination-nav{
        margin-bottom:60px
    }
    .masonry.columns-2 .masonry-item{
        width:100%;
        padding:0
    }
    .masonry.columns-3 .masonry-item{
        width:100%;
        padding:0
    }
    .masonry.columns-4 .masonry-item{
        width:100%;
        padding:0
    }
    .latest-blog.border.masonry-main .pagination-nav{
        margin-bottom:40px
    }
    .blog.blog-single .blog-sidebar{
        margin-top:40px
    }
    .navigation-previous.pull-right{
        float:left!important;
        margin-top:20px
    }
    .product-listing .widget-banner{
        margin-bottom:50px
    }
    .product-listing .widget-banner img{
        margin-left:0
    }
    .car-details .car-price.text-right{
        text-align:left
    }
    .car-details .car-details-sidebar{
        margin-top:30px
    }
    .play-video .video-info{
        margin-top:-120px
    }
    .play-video .play-video-bg{
        padding:100px 0 190px
    }
    .tparrows{
        display:none!important
    }
    .tp-bullets{
        display:none!important
    }
    .search .search-block{
        padding:35px 40px 30px
    }
    .car-details .modal-content{
        padding:10px
    }
    .opening-hours{
        margin-top:20px
    }
    .custom-block-4 .feature-box-1{
        text-align:left;
        padding:14px 30px
    }
    .isotope.column-3 .grid-item{
        width:50%
    }
    .footer.footer-white .footer-box{
        margin-bottom:30px
    }
    .footer.footer-black .footer-box{
        margin-bottom:30px;
        margin-top:0
    }
    .content-box-section .row.row-eq-height{
        display:block
    }
    .simple-box .feature-box-4{
        margin-bottom:20px
    }
    .specifications .row-eq-height{
        display:block
    }
    .specifications-box:last-child{
        margin-bottom:20px
    }
    .design-section .tabcontent h2{
        font-size:30px;
        line-height:30px
    }
    .specifications h2.title{
        font-size:30px;
        line-height:30px
    }
    .design-section #tabs .tabs.text-right{
        text-align:center
    }
    .design-section #tabs .nav-tabs li.nav-item .nav-link{
        padding:12px 20px
    }
    .car-listing-sidebar-left{
        width:100%;
        position:relative
    }
    .car-listing-sidebar-right{
        padding-left:0
    }
    .car-listing-sidebar-right .selected-box{
        margin-top:10px
    }
    .car-listing-sidebar .listing-sidebar.is_stuck{
        position:inherit!important;
        top:inherit!important;
        width:inherit!important
    }
    .car-listing-sidebar .listing-sidebar.is_stuck+div{
        position:inherit!important;
        top:inherit!important;
        width:inherit!important;
        height:inherit!important
    }
    .testimonial-5 .testimonial-box{
        padding:20px 20px
    }
    .content-box-7 .content-box-img img{
        width:100%
    }
    .content-box-7 .content-box-img .info{
        bottom:-80px
    }
    .car-directory-banner .search-tab .car-total{
        float:left!important
    }
    .search-here .search-block{
        padding:0 15px
    }
    .footer-3.footer-topbar .copyright{
        margin-top:60px
    }
    .car-directory-banner .search-tab .tabs-header{
        display:inherit
    }
    .car-directory-banner .search-tab .tabs-header .car-total{
        margin-left:inherit
    }
    .car-directory-banner .search-tab #search-tabs ul.nav-tabs{
        margin:15px 0
    }
    .car-directory-banner .search-tab #search-tabs .tab-content{
        padding-top:40px
    }
}
@media(max-width:600px){
    .section-title h2{
        font-size:19px;
        margin:0 0 0
    }
    .page-section-ptb{
        padding:20px 0
    }
    #tabs .nav-tabs li.nav-item .nav-link{
        font-size:12px;
        line-height:1.5;
        padding:10px 7px
    }
    .car-content a{
        font-size:12px;
        min-height:auto;
        text-align:center;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        display:-webkit-box;
        text-overflow:ellipsis;
        overflow:hidden;
        min-height:45px;
        line-height:1.5
    }
    .car-item-2 .car-content a{
        font-size:12px;
        min-height:auto;
        text-align:center;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
        display:-webkit-box;
        text-overflow:ellipsis;
        overflow:hidden;
        min-height:45px;
        line-height:1.5
    }
    li.login_design a{
        display:flex;
        align-items:center;
        gap:5px;
        font-size:12px!important;
        color:#fff
    }
    .login_design{
        padding:6px 13px!important;
        border-radius:5px;
        background:#0d8e3b!important;
        line-height:1.5
    }
    .car-item-2 .car-content a.button{
        color:#fff;
        margin-bottom:0;
        font-size:12px;
        min-height:58px;
        padding:5px 10px;
        min-height:auto;
        margin:0 5px;
        text-transform:capitalize;
        text-align:c;
        text-align:center
    }
    .custom-block-1 h2{
        line-height:1.5;
        font-size:50px
    }
    .recent-vehicle .isotope.column-4 .grid-item{
        width:100%
    }
    .recent-vehicle .isotope.column-5 .grid-item{
        width:100%
    }
    .content-box-5 p{
        padding-right:30px
    }
    .content-box-5 .content-info{
        padding-left:20px
    }
    .coming-soon .countdown{
        margin-bottom:40px
    }
    .car-coupons{
        margin-top:40px
    }
    .isotope.column-3 .grid-item{
        width:100%;
        padding:5px
    }
    .isotope.column-3 .grid-item img{
        width:100%
    }
    .footer.footer-white .footer-box .box-content{
        display:block
    }
    .footer.footer-white .footer-box .box-link{
        padding-left:0;
        margin-top:20px;
        display:block
    }
    .footer.footer-black .footer-box{
        margin-bottom:30px
    }
    .footer.footer-black .footer-box .box-content{
        display:block
    }
    .footer.footer-black .footer-box .box-link{
        padding-left:0;
        margin-top:20px;
        display:block
    }
    .content-box-6 .feature-box-4{
        padding:30px 20px
    }
    .custom-block-5 .section-title{
        padding:20px 20px 0 20px
    }
    .custom-block-5 .custom-block-5-content{
        padding:10px 20px 10px
    }
    .car-item-3 img{
        width:100%
    }
    .recent-vehicle .isotope.column-4 .grid-item{
        padding:10px
    }
    .custom-block-5 .counter{
        margin:10px 10px 0
    }
    .our-clients ul li{
        width:50%
    }
    .rev-btn{
        font-size:10px!important;
        padding:2px 6px!important
    }
    #main-slider .slider-content .button{
        display:none
    }
    #main-slider .slider-content .slider-2{
        width:100%
    }
    .slider-content h2{
        font-size:24px
    }
    .slider-content h4{
        font-size:18px
    }
    .car-directory-banner .search-tab #tabs ul.tabs{
        margin:10px 0
    }
    .vehicle-tab #tabs h6{
        display:block
    }
    .vehicle-tab #tabs ul.tabs{
        float:none!important
    }
    .search-logo #tabs ul.tabs{
        float:none!important
    }
    .search-logo #tabs h6{
        display:block
    }
    .footer-3.footer-simple #logo-footer{
        margin:0 auto 10px
    }
    .footer-3.footer-simple .social{
        text-align:center
    }
    .car-directory-banner .search-tab #tabs .tabs-header h6{
        margin-bottom:15px
    }
    .car-directory-banner .search-tab #tabs .tabs-header .nav-tabs{
        margin-bottom:15px
    }
    .design-section .tab-content h2{
        font-size:30px;
        line-height:36px
    }
    .content-box-5{
        padding-top:60px
    }
    .content-box-5 .content-info{
        padding-bottom:40px
    }
}
@media(max-width:479px){
    .language__list select{
        padding:3px;
        margin:0!important;
        font-size:10px
    }
    .custom-block-1{
        padding:40px
    }
    .counter.counter-style-1.counter-light ul li{
        float:none;
        display:inline-block;
        width:100%
    }
    .counter.counter-style-1.counter-light ul li:nth-child(1),.counter.counter-style-1.counter-light ul li:nth-child(2){
        border:0
    }
    .counter.counter-style-1.counter-light .icon{
        display:block;
        text-align:center
    }
    .counter.counter-style-1.counter-light .info{
        display:block;
        text-align:center
    }
    .testimonial-2 .testimonial-content{
        padding:30px 20px
    }
    .footer-2 .footer-box .box-content{
        display:block
    }
    .footer-2 .footer-box .box-link{
        padding-left:0;
        margin-top:20px;
        display:inline-block
    }
    .inner-service .feature-box-2{
        padding:20px 10px
    }
    .login-form .login-social ul li{
        margin-bottom:15px
    }
    .coming-soon .countdown li span{
        font-size:26px
    }
    .coming-soon .countdown li p{
        font-size:14px
    }
    .table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
        padding:12px 10px
    }
    .sorting-options-main .pagination li a{
        padding:5px 10px
    }
    .sorting-options-bottom .selectpicker{
        margin-left:0;
        margin-right:0
    }
    .play-video .video-info{
        margin-top:-70px
    }
    .play-video .play-video-bg{
        padding:80px 0 100px
    }
    .search .search-block{
        padding:25px 20px 25px
    }
    .car-details .details-nav ul li{
        display:block
    }
    .car-details .modal-content{
        padding:0
    }
    .car-details h4.modal-title{
        display:block
    }
    .car-details .form-group .radio{
        display:block
    }
    .car-details .close{
        position:relative;
        z-index:99
    }
    .design-section .tabcontent h2{
        font-size:24px;
        line-height:26px
    }
    .specifications h2.title{
        font-size:24px;
        line-height:26px
    }
    .section-title-la-page span{
        font-size:26px
    }
    .overview .overview-content h2{
        font-size:24px;
        line-height:26px;
        margin-bottom:20px
    }
    .awards-section .horsepower-bg{
        padding:50px 15px
    }
    .design-section .tabcontent b{
        font-size:18px;
        line-height:32px
    }
    .popup-video-banner h1{
        color:#fff
    }
    .popup-video-banner a.popup-button strong{
        color:#fff
    }
    .car-listing-sidebar .isotope.column-5 .grid-item{
        width:100%
    }
    .custom-block-3 .content h2{
        display:block
    }
    #main-slider .slider-content p{
        display:none
    }
    #main-slider .slider-content h1{
        font-size:20px;
        line-height:20px
    }
    #main-slider .slider-content p{
        font-size:14px
    }
    #main-slider .slider-content span{
        font-size:12px;
        letter-spacing:2px
    }
    .client-box ul li{
        padding:8px
    }
    #main-slider .carousel-indicators{
        bottom:10px
    }
    .dealer-box .box-content{
        display:block;
        margin-bottom:20px
    }
    .car-directory-banner.slider-parallax{
        height:150vh
    }
    .latest-blog .blog-button .text-right{
        text-align:left
    }
    #header.header-dark.topbar-dark .topbar-profile ul li a{
        padding:0 7px
    }
    #header.header-dark.topbar-dark ul.submit-button li a.button{
        display:none
    }
    #header.header-dark.topbar-dark ul.submit-button{
        right:20px
    }
}
@media print{
    #header,.footer,.inner-intro,.feature-car,.details-social,.details-form,.details-form,.car-top{
        display:none
    }
    #tabs .tabcontent{
        display:block!important
    }
}
@media(max-width:767px){
    .fixed-whatsapp{
        background:#4dc247;
        color:#fff!important;
        width:47px;
        height:47px;
        display:block;
        text-align:center;
        font-size:35px;
        line-height:45px;
        border-radius:50%;
        position:fixed;
        right:10px;
        bottom:130px;
        z-index:9999
    }
    .social{
        padding-top:15px
    }
    .inner-intro{
        background-attachment:inherit
    }
    .search-logo{
        padding:15px
    }
}
@media(max-width:479px){
    .pagination>li>a,.pagination>li>span{
        padding:5px 10px
    }
    .search-logo #search-logo-tabs .tabs-header,.vehicle-tab #tabs .tabs-header{
        display:inherit
    }
}
@media(max-width:767px){
    .car-item .car-content a{
        min-height:0
    }
    .search-page{
        margin-top:5px
    }
    .inner-intro .container{
        position:absolute
    }
    .compare-font{
        padding-top:20px
    }
    .service-center .list-style-1 li{
        max-width:100%
    }
    .service-center .list-style-1{
        display:inline
    }
    .mb-3 button{
        margin-bottom:10px
    }
    .tp-bgimg.defaultimg{
        height:100%!important
    }
    #header.topbar-dark .mega-menu .menu-logo .mobile-logo{
        display:block
    }
    .mega-menu .menu-logo img{
        height:auto;
        width:80px
    }
    .feature-box-3 .content h6{
        margin-top:13px;
        font-size:18px
    }
    .custom-block-3 .feature-box-3{
        margin-top:15px
    }
    .topbar.mobile-top{
        display:block
    }
    .topbar.desctop-top .row .col-lg-4:first-child,.topbar.desctop-top .row .col-lg-4:nth-child(2){
        display:none
    }
    #header.topbar-dark .topbar.desctop-top{
        border-bottom:none;
        padding-bottom:0
    }
    .topbar-profile ul li.mobil-num{
        display:block
    }
    .language__list select{
        padding:7px;
        margin:0!important
    }
    #header.topbar-dark .topbar.mobile-top{
        padding-top:0
    }
    #header.topbar-dark .topbar.mobile-top .col-lg-4.col-md-12.text-lg-end.text-center{
        display:none
    }
    .toll-free{
        margin-left:0
    }
    .language__list .form-control{
        padding-left:5px;
        padding-right:15px;
        position:relative;
        font-size:13px;
        padding-top:5px;
        padding-bottom:5px
    }
    .language__list i{
        right:6px;
        font-size:14px
    }
}


.quiz-options{
  display:flex;
  flex-wrap:wrap;            /* ✅ MOBILE FIX */
  gap:12px;
  margin-top:15px;
}

.quiz-btn{
  flex:1 1 45%;              /* ✅ 2 buttons per row */
  padding:14px 10px;
  background:#128a3b;
  color:#ffffff;
  border:none;
  border-radius:8px;
  font-size:15px;
  cursor:pointer;
  text-align:center;
}

.quiz-btn:hover{
  background:#0e6f30;
}

/* ✅ Desktop view */
@media (min-width:768px){
  .quiz-btn{
    flex:0 0 auto;
    min-width:100px;
  }
}