.adas-category{
    overflow: clip;
    max-width: 1920px;
    margin: 0 auto;
}
@media screen and (min-width: 1920px) {
    .adas-category{
        padding-bottom: 4rem;
        box-shadow: 0 4px 50px 0 rgb(0 0 0 / .25);
    }
}

.adas-category h2{
    font-family: TungstenL, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1;
    margin:0;
}

@media screen and (min-width: 768px) {
    .adas-category h2{
        font-size: 45px;
    }
}

.adas-category .hero-section{
    display: flex;
    flex-flow: column-reverse;
    background-color: #000000;
}

@media screen and (min-width: 768px) {
    .adas-category .hero-section{
        display: grid;
        grid-template-columns: 8.3% 33.4% 50% 8.3%;
    }
}

.adas-category .hero-section .thumbnail-wrap img{
    max-width: unset;
    float: right;
    height:250px;
    width: auto;
    margin-right:-4rem;
}

@media screen and (min-width: 380px) {
    .adas-category .hero-section .thumbnail-wrap img{
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .adas-category .hero-section .thumbnail-wrap{
        grid-column: 1 / 5;
        grid-row: 1 / 2;
        display: block;
    }
    .adas-category .hero-section .thumbnail-wrap img{
        width:100%;
        height:auto;
        float: none;
    }
}

.adas-category .hero-section-copy{
    display: flex;
    flex-flow: column;
    justify-content: center;
    background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.35) 85%,rgba(0,0,0,0) 100%);
    padding:3rem 8.3% 0;
    margin-bottom: -5rem;
    z-index: 1;
}

.adas-category .hero-section-copy h1{
    font-family: TungstenL, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
    color:#ffffff;
    text-transform: uppercase;
    margin: 0;
}
.adas-category .hero-section-copy p{
    font-family: TungstenL, sans-serif;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    color:#ffffff;
    text-transform: uppercase;
    margin: 0;
}

@media screen and (min-width: 768px) {
    .adas-category .hero-section .hero-section-copy{
        grid-column: 2 / 3;
        grid-row: 1 / 2;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.35) 85%,rgba(0,0,0,0) 100%);
        padding: 0;
        margin: 0;
    }

    .adas-category.fixed-hero .hero-section .hero-section-copy{
        padding:0;
        margin:0;
    }

    .adas-category .hero-section .hero-section-copy h1{
        
        font-size: 36px;
        
    }

    .adas-category .hero-section .hero-section-copy p{
        font-size: 36px;
    }
}

@media screen and (min-width: 1260px) {
    .adas-category .hero-section .hero-section-copy h1{
        font-size: 64px;
    }

    .adas-category .hero-section .hero-section-copy p{
        font-size: 42px;
    }
}

.adas-category .overview{
    display: grid;
    grid-template-columns: 8.3% 83.4% 8.3%;
    grid-template-rows: auto;
    background-color: #f2f2f2;
}


@media screen and (min-width: 1260px) {
    .adas-category .overview{
        grid-template-columns: 16.6% 66.4% 16.6%;
    }
}

.adas-category .overview .category-overview-copy{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding:2rem 0;
}

@media screen and (min-width: 768px) {
    .adas-category .overview .category-overview-copy{
        padding:4rem 0;
    }
}

.adas-category .overview .category-overview-copy h2{
    margin-bottom: 20px;
}

.adas-category .overview .category-overview-copy p{
    font-size: 16px;
}

.adas-category .overview .category-overview-copy p:last-child{
    margin-bottom: 0;
}

.adas-category .product-list{
    display: grid;
    grid-template-columns: 8.3% 83.4% 8.3%;
    grid-template-rows: auto;
}

@media screen and (min-width: 1260px) {
    .adas-category .product-list{
        grid-template-columns: 16.6% 66.4% 16.6%;
    }
}

.adas-category .product-list .category-product{
    grid-column: 2 / 3;
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .category-product{
        display: grid;
        grid-template-columns: calc(40% - 1rem) calc(60% - 1rem);
        grid-template-rows: 1fr repeat(5, auto) 1fr;
        column-gap: 2rem;
        margin: 3rem 0;
    }
}
@media screen and (min-width: 1260px) {
    .adas-category .product-list .category-product{
        margin:3rem 0 1rem;
    }
}

.adas-category .product-list .category-product .cat-image-wrap{
    overflow: clip;
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .category-product .cat-image-wrap{
        grid-column: 1 / 2;
        grid-row: 1 / 8;
        display: flex;
        align-items: center;
    }
}

.adas-category .product-list .category-product .cat-image-wrap a:hover img,
.adas-category .product-list .category-product .cat-image-wrap a:active img,
.adas-category .product-list .category-product .cat-image-wrap a:focus img{
    transform: scale(1.125);
}

.adas-category .product-list .category-product .cat-image-wrap img{
    transition: transform 0.4s ease-in-out;
}

.adas-category .product-list .cat-title{
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .cat-title{
        grid-column: 2 / 3;
        grid-row: 2 / 3;
        margin:0;
    }
}

.adas-category .product-list .cat-title a:hover,
.adas-category .product-list .cat-title a:active,
.adas-category .product-list .cat-title a:focus{
    color:var(--jb-red);
}

.adas-category .product-list .cat-tagline{
    font-family: TungstenL, sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .cat-tagline{
        grid-column: 2 / 3;
        grid-row: 3 / 4;
    }
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .cat-tagline p{
        font-size: 26px;
        margin-bottom: 0;
    }
}

.adas-category .product-list .cat-tagline p{
    color:var(--jb-black);
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .cat-product-details{
        grid-column: 2 / 3;
        grid-row: 5 / 6;
        display: flex;
        align-items: center;
    }
}

.adas-category .product-list .cat-product-details li{
    line-height: 1.15;
    font-size: 16px;
}

.adas-category .product-list .cat-product-details li:not(:last-child){
    margin-bottom: 1rem;
}

.adas-category .product-list .adas-cta-buttons{
    display: flex;
    flex-flow: column;
    row-gap: 1.5rem;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .adas-cta-buttons{
        grid-column: 2 / 3;
        grid-row: 6 / 7;
        display: flex;
        flex-flow: row;
        column-gap: 1rem;
        padding:1rem 0;
    }
}

.adas-category .product-list .adas-cta-buttons a{
    width: 90%;
    font-family:"Roboto",sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 1;
    color:#ffffff;
    padding:12px 24px;
    transition:all .3s;
}

.adas-category .product-list .adas-cta-buttons a.btn-quote{
    background-color: var(--jb-red);
    border: 1px solid var(--jb-red);
}

.adas-category .product-list .adas-cta-buttons a.btn-quote:hover,
.adas-category .product-list .adas-cta-buttons a.btn-quote:active,
.adas-category .product-list .adas-cta-buttons a.btn-quote:focus{
    color:var(--jb-red);
    background-color: #ffffff;
}

.adas-category .product-list .adas-cta-buttons a.btn-view{
    background-color: var(--gray);
    border: 1px solid var(--gray);
}

.adas-category .product-list .adas-cta-buttons a.btn-view:hover,
.adas-category .product-list .adas-cta-buttons a.btn-view:active,
.adas-category .product-list .adas-cta-buttons a.btn-view:focus{
    color:var(--jb-black);
    background-color: #ffffff;
}

.adas-category .product-list .cat-command{
    background-color: var(--jb-black);
    margin:1rem 0;
    padding:0.5rem;
}

@media screen and (min-width: 768px) {
    .adas-category .product-list .cat-command{
        grid-column:2 / 3;
        grid-row: 4 / 5;
    }
}

.adas-category .product-list .cat-command p{
    font-family: TungstenL, sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    color:#ffffff;
    margin:0;
}

.adas-category .adas-details{
    display: grid;
    grid-template-columns: 8.3% 83.4% 8.3%;
    grid-template-rows: auto;
    padding:5rem 0 3rem;
}
@media screen and (min-width: 1660px) {
    .adas-category .adas-details{
        grid-template-columns: 16.6% 66.8% 16.6%;
    }
}

.adas-category .adas-details .detail-item{
    grid-column: 2 / 3;
    margin-bottom: 2rem;
}

.adas-category .adas-details .detail-item h2{
    margin-bottom: 1rem;
}

.adas-category .adas-details .detail-item p{
    font-size: 16px;
}

.adas-category .adas-details .detail-item .details-image-wrap{
    display: flex;
    justify-content: center;
}

@media screen and (min-width: 768px) {

    .adas-category .adas-details .detail-item,
    .adas-category .adas-details .detail-item:nth-child(3){margin-bottom: 4rem;}

    .adas-category .adas-details .detail-item .details-image-wrap{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .adas-category .adas-details .detail-item:nth-child(odd){
        display: grid;
        grid-template-columns: calc(60% - 1rem) calc(40% - 1rem);
        grid-template-rows: auto;
        column-gap: 2rem;
    }

    .adas-category .adas-details .detail-item:nth-child(odd) .copy{
        grid-column: 1 / 2;
        grid-row:1 / 2;
    }

    .adas-category .adas-details .detail-item:nth-child(odd) .details-image-wrap{
        grid-column: 2 / 3;
        grid-row:1 / 2;
    }

    .adas-category .adas-details .detail-item:nth-child(even){
        display: grid;
        grid-template-columns: calc(40% - 1rem) calc(60% - 1rem);
        grid-template-rows: auto;
        column-gap: 2rem;
    }

    .adas-category .adas-details .detail-item:nth-child(even) .copy{
        grid-column: 2 / 3;
        grid-row:1 / 2;
    }

    .adas-category .adas-details .detail-item:nth-child(even) .details-image-wrap{
        grid-column: 1 / 2;
        grid-row:1 / 2;
    }
}

@media screen and (min-width: 1260px) {
    .adas-category .adas-details .detail-item:nth-child(odd){
        grid-template-columns: calc(60% - 2rem) calc(40% - 2rem);
        column-gap: 4rem;
    }
    .adas-category .adas-details .detail-item:nth-child(even){
        grid-template-columns: calc(40% - 2rem) calc(60% - 2rem);
        column-gap: 4rem;
    }
     .adas-category .adas-details .detail-item .copy{
        display: flex;
        flex-flow: column;
        justify-content: center;
     }
}

@media screen and (min-width: 1660px) {
    .adas-category .adas-details .detail-item:nth-child(odd),
    .adas-category .adas-details .detail-item:nth-child(even){
        grid-template-columns: calc(50% - 2rem) calc(50% - 2rem);
        column-gap: 4rem;
    }
}

.adas-category .adas-faq{
    display: grid;
    grid-template-columns: 8.3% 83.4% 8.3%;
}

@media screen and (min-width: 1260px) {
    .adas-category .adas-faq{
        grid-template-columns: 16.6% 66.4% 16.6%;
    }
}

.adas-category .adas-faq .elementor-19825{
    grid-column: 2 / 3;
}

.adas-category .adas-faq .elementor-19825 .elementor-widget-wrap{
    padding: 0;
}

.adas-category .adas-faq .elementor-19825 p{
    font-size: 16px;
}