body {
      background: #f8f9fa;
      font-family: 'Segoe UI', sans-serif;
    }
    .car-card {
      transition: all 0.3s ease-in-out;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 5px 15px rgba(0,0,0,0.1);
      margin-bottom: 30px;
      background: #fff;
    }

    .car-card:hover {
      transform: scale(1.03);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    }

    .car-image {
      height: 180px;
      object-fit: cover;
      width: 100%;
    }

    .car-details {
      padding: 20px;
    }

    .car-title {
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .car-spec {
      font-size: 13px;
      margin-bottom: 6px;
      color: #555;
    }
    
    
    a.theme-btn {
    background-color: #b88806;
    padding: 10px;
    border-radius: 3px 15px;
    color: white;
}

a.theme-btn:hover {
    background-color: white;
    border: solid 1px #000;
    color:#000;
}
    
    

    .car-box-style-1 { background: linear-gradient(135deg, #dfe9f3 0%, #ffffff 100%); }
    .car-box-style-2 { background: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%); }
    .car-box-style-3 { background: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%); }
    .car-box-style-4 { background: linear-gradient(to top, #dfe9f3 0%, #ffffff 100%); }
    .car-box-style-5 { background: linear-gradient(to top, #f6f9fc 0%, #e7eff9 100%); }
    .car-box-style-6 { background: linear-gradient(to top, #fdfcfb 0%, #e2d1c3 100%); }
    .car-box-style-7 { background: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%); }
    
    
    
    
/*    .bg-breadcrumb_blog {*/
/*    background: url(../img/raj.jpg);*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-attachment: fixed;*/
/*    padding: 120px 0 50px 0;*/
/*}*/


.pager-header {
    background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.2)), url(../img/raj.jpg);
    /* background-image: url(../img/Baner-Car-img.png); */
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 300px;
    /*display: flex*/
;
    align-items: center;
}


.page-content {
    margin-top: 109px;
}


/*......................top-slader.........*/

/*for Demo Only*/
.demo-row {
  /*background-color: #333;*/
  /*padding: 50px 0;*/
}


/*Implement*/
.sponsor-feature {
    background-color: #fff;
    padding: 6px;
    border-radius: 5px;
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0;
    border: 1px solid #000;
}

#id-sponsors .carousel {
    margin-bottom: 20px;
}
#id-sponsors .item {
    padding-bottom: 20px;
}
#id-sponsors .carousel-indicators {
    bottom: -25px;
}

.mainhr {
    /*background-color: #666666;*/
    margin-bottom: 15px;
}


/*.w3-bar.w3-black {*/
/*    background-color: #b88806;*/
/*    padding: 15px;*/
/*    border-radius: 6px;*/
    /*margin-right: -40px;*/
    /*margin-left: -9px;*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*}*/

/*button.w3-bar-item.w3-button.tablink.w3-red {*/
/*    padding: 10px 23px;*/
/*    border-radius: 29px;*/
/*}*/

/*button.w3-bar-item.w3-button.tablink {*/
/*     padding: 10px 23px;*/
/*    border-radius: 29px;*/
/*}*/


/*...new-desigan-css-start...*/
.bg-grey {
     background-color: #f2f2f2; 
}

.padding {
    padding: 80px 20;
}


element.style {
}
.hddingmain {
    padding-bottom: 12px;
    margin-bottom: 8px;
    clear: both;
    float: left;
    background-image: url(../img/bg6.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 100%;
    font-size: 23px;
}.promo-content {
    padding: 40px 30px;
    border-right: 1px dashed #ddd;
}

.rightfom {
    background-color: #ee0b5e;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}



.recent-posts li h4 {
    text-transform: inherit;
    margin-bottom: 0;
    display: block;
    font-size: 15px;
}

.sidebar-widget h4 {
    font-weight: 500;
    font-size: 22px;
    color: #282828;
    margin-bottom: 25px;
}


.recent-posts li {
    position: relative;
    padding-left: 90px;
    display: flex;
    align-items: center;
    min-height: 50px;
    margin-bottom: 15px;
}

.recent-posts li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
}


.form-control {
    background: white;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 22px;
    min-height: 40px;
    padding: 0px 12px;
    width: 100%;
}


.promo-content {
    padding: 40px 30px;
    border-right: 1px dashed #ddd;
}

.rightfom {
    background-color: #b88806;
    -moz-box-shadow: 3px 3px 3px #ccc;
    -webkit-box-shadow: 3px 3px 3px #ccc;
    box-shadow: 3px 3px 3px #ccc;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}