.latest_section_inner {
    margin-bottom: -30px;
    position: relative;
    margin-top: 30px;
}
.latest_section_item {
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0px 2px 4px 0px rgb(0 121 175 / 8%);
    transition: all 300ms linear 0s;
}
.latest_section_item .car_img {
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.latest_section_item .text_body h5 {
    display: inline-block;
    /* float: right; */
    font: bold 24px "Barlow", sans-serif;
    color:#cc3333;
    margin-bottom: 0px;
}
.text_body div{
    margin-bottom:15px;
}
.latest_section_item .text_body h4 {
    display: inline-block;
    color: #34373b;
    font: bold 21px "Barlow", sans-serif;
    margin-bottom: 0px;
    transition: all 300ms linear 0s;
    border: none;
}
a {
    text-decoration: none;
    transition: all 0.05s linear;
}

.latest_section_item .car_img img {
    transition: all 300ms ease;
}
.img-fluid {
    max-width: 100%;
    height: 190px;
    width: 100%;
    object-fit: cover;
    /* max-height: 215px; */
}
.latest_section_item .text_body {
    padding: 20px;
}
.latest_section_item .text_body p {
    margin-bottom: 0px;
    font-size: 1.2em;
    color: #777;
}
.latest_section_item .text_footer {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #e4e4e4;
}
.latest_section_item .text_footer a {
    /* flex: 0 0 50%; */
    /* max-width: 50%; */
    /* display: inline-block; */
    text-align: center;
    color: #777777;
    font: normal 16px/50px sans-serif;
    cursor: auto;
}


.latest_section_item .text_footer a i {
    padding-right: 5px;
    transition: all 300ms linear 0s;
    color: #9d9d9d;
}

.latest_section_item .text_body p span {
    font-weight: 500;
    color: #34373b;
}

.latest_section_item:hover {
    box-shadow: 0px 10px 15px 0px rgb(19 24 131 / 5%);
}

@-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }

  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated:hover img {
    transform: scale(1.1);
  }

.animated img {
transition: transform 1s ease;
}

.latest_cars_header{
    font-size: 1.4em;
    font-family: "Roboto";
    font-weight: 500;
    margin-bottom: 5px;
    margin-left:10px;
    float: left;
}

.latest_cars_header_show_all{
    float: right;
}
.latest_cars_header_show_all a{
    font-family: Roboto;
    font-size: 1.2em;
    border: none;
}

.latest_outer_container{
    /* background:#f4f4f4; */
    padding-bottom: 30px;
    padding-top: 20px;
}
/*  */

.budget_feaute_area {
    background: url(/static/templates/css/images/big_bg.jpg) no-repeat scroll center center;
    background-size: cover;
    padding: 74.5px 0px;
    margin-bottom: 50px;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.b_f_item h4 {
    font: bold 24px "Barlow", sans-serif;
    margin-bottom: 13px;
    color: #fff;
    transition: color 0.2s linear;
}

.b_f_item p {
    margin-bottom: 0px;
    font-family: "Roboto";
    font-size:1.1em
}

.b_f_item {
    color: #fff;
}

.latest_xs{
    min-height:390px;
}

@media screen and (max-width: 465px) {
	.latest_cars_header_show_all {
	    margin-bottom: 10px;
	}

    .latest_xs{
        min-height:390px;
    }
}

@media screen and (max-width: 768px) {
    .latest_section_inner {
        margin-top: 20px;
    }
}

@media screen and (max-width: 518px) {
    /* .latest_section_item .text_footer a {
        flex: 0 0 100%;
        max-width: 100%;
    } */
    .img-fluid {
        height: 150px;
    }
    .latest_section_item .text_body {
        padding: 15px 10px 10px 10px;
    }
    .latest_section_item .text_body h4 {
        font: bold 17px "Barlow", sans-serif;
        padding-bottom: 0px;
    }
    .latest_section_item .text_body h5 {
        font: bold 19px "Barlow", sans-serif;
    }
    .latest_section_item {
        margin-bottom: 10px;
    }
    .latest_cars_header_show_all .btn-danger{
        margin-bottom: 10px;
    }
    .budget_feaute_area {
        margin-bottom: 25px;
    }
    .latest_outer_container {
        padding-bottom: 20px;
    }
    .latest_section_item .text_footer a {
        font: normal 15px/35px sans-serif;
    }
}


/* Dealers section */
.dlr-section{background:#fafafa;padding:72px 16px 88px;margin-left:0;margin-right:0}
.dlr-wrap{max-width:1240px;margin:0 auto}
.dlr-card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center;padding:56px;border-radius:28px;background:#161616;color:#fff;font-family:"Roboto",sans-serif}
.dlr-card:before{content:"";position:absolute;left:-150px;top:-150px;width:500px;height:500px;background:radial-gradient(closest-side,rgba(226,88,72,.25),transparent);pointer-events:none}
.dlr-card > *{position:relative}
.dlr-eyebrow{font:700 12px/1 "Roboto",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e25848}
.dlr-card .dlr-title{font:700 40px/1.1 "Roboto",sans-serif;letter-spacing:-.02em;color:#fff;margin:14px 0;padding:0;text-transform:none;max-width:440px}
.dlr-card .dlr-lead{color:#a3a3a3;font-size:16px;line-height:1.55;margin:0}
.dlr-feats{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin:30px 0 34px;padding:0}
.dlr-feats li{display:flex;gap:12px;margin:0}
.dlr-feats .material-symbols-outlined{color:#e25848;font-size:24px;line-height:1}
.dlr-feats b{display:block;font:600 15px/1.3 "Roboto",sans-serif;color:#fff}
.dlr-feats span:not(.material-symbols-outlined){display:block;font-size:13px;line-height:1.45;color:#9ca3af;margin-top:2px}
.dlr-ctas{display:flex;flex-wrap:wrap;gap:12px}
.dlr-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font:600 15px/1.2 "Roboto",sans-serif;text-decoration:none;transition:background-color .2s,border-color .2s}
.dlr-btn .material-symbols-outlined{font-size:20px}
.dlr-btn-red,.dlr-btn-red:visited,.dlr-btn-red:focus{background:#dd2c2d;color:#fff;box-shadow:0 6px 18px -6px rgba(221,44,45,.6)}
.dlr-btn-red:hover{background:#c42425;color:#fff;text-decoration:none}
.dlr-btn-ghost,.dlr-btn-ghost:visited,.dlr-btn-ghost:focus{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16)}
.dlr-btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff;text-decoration:none}

.dlr-dash{background:#1f1f1f;border:1px solid #2e2e2e;border-radius:20px;padding:22px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.dlr-dash-hd{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.dlr-logo{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font:700 15px "Roboto",sans-serif;background:linear-gradient(135deg,#e25848,#a82a1f)}
.dlr-dash-name{min-width:0}
.dlr-dash-name b{display:block;font:700 15px/1.3 "Roboto",sans-serif}
.dlr-dash-name span{display:block;font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlr-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.dlr-kpi{background:#262626;border-radius:14px;padding:14px}
.dlr-kpi span{display:block;font-size:12px;color:#9ca3af}
.dlr-kpi b{display:block;font:700 24px/1.2 "Roboto",sans-serif;margin:4px 0 2px}
.dlr-kpi i{font-style:normal;font-size:12px;color:#34d399}
.dlr-chart-label{margin:18px 4px 0;font-size:12px;color:#9ca3af}
.dlr-chart{display:flex;align-items:flex-end;gap:7px;height:110px;margin:8px 4px 6px;padding-bottom:4px;border-bottom:1px solid #333}
.dlr-chart div{flex:1;background:#3a3a3a;border-radius:5px 5px 0 0}
.dlr-chart div.hi{background:linear-gradient(180deg,#e25848,#b93a2d)}
.dlr-leads{display:grid;gap:8px;margin-top:14px}
.dlr-lead-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#262626;font-size:13px}
.dlr-lead-row > div{min-width:0}
.dlr-lead-row > div span{display:block;font-size:12px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dlr-av{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 12px "Roboto",sans-serif}
.dlr-av-a{background:#7c3aed}
.dlr-av-b{background:#0891b2}
.dlr-av-c{background:rgba(226,88,72,.18);color:#e25848}
.dlr-av-d{background:rgba(255,255,255,.08);color:#d1d5db}
.dlr-av .material-symbols-outlined{font-size:17px}
.dlr-lead-row em{margin-left:auto;flex:none;font-style:normal;font:600 11.5px "Roboto",sans-serif;padding:4px 8px;border-radius:6px}
.dlr-tag-new{background:rgba(34,197,94,.15);color:#4ade80}
.dlr-tag-rem{background:rgba(251,191,36,.15);color:#fbbf24}
.dlr-tag-mp4{background:rgba(226,88,72,.15);color:#f08a7e}
.dlr-tag-pdf{background:rgba(255,255,255,.08);color:#d1d5db}
.dlr-sample{margin-top:12px;text-align:right;font-size:11px;color:#6b7280}

@media (max-width:1023px){
    .dlr-card{grid-template-columns:minmax(0,1fr);gap:36px;padding:40px}
}
@media (max-width:640px){
    .dlr-section{padding:48px 12px 56px}
    .dlr-card{padding:26px 20px;border-radius:22px;gap:28px}
    .dlr-card .dlr-title{font-size:28px}
    .dlr-card .dlr-lead{font-size:15px}
    .dlr-feats{grid-template-columns:1fr;margin:24px 0 28px}
    .dlr-btn{padding:12px 16px;font-size:14px}
    .dlr-dash{padding:16px}
    .dlr-kpi{padding:10px}
    .dlr-kpi b{font-size:19px}
    .dlr-kpi span{font-size:11px}
    .dlr-kpi i{display:none}
    .dlr-leads{display:none}
}
