* {
    font-family: "GT Walshiem", sans-serif;
}

#wc-dp-profile-image {
    position: relative;
    max-width: 205px;
    margin: -100px 40px 0;
    z-index: 99;
}

#wc-dp-cover-image {
    position: relative;
}

.upload-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}

.upload-edit input {
    display: none !important;
}

.upload-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.upload-edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.upload-edit input + label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

#wc-dp-profile-image .profile-preview,
#wc-dp-cover-image .cover-preview {
    position: relative;
    border: 6px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    transition: 0.5s ease-in-out all;
}

#wc-dp-profile-image .profile-preview {
    width: 192px;
    height: 192px;
    border-radius: 100%;
}

#wc-dp-profile-image .profile-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#wc-dp-profile-image .profile-preview img {
    width: 192px;
    height: 100%;
    border-radius: 100%;
    object-fit: coverx;
}

#wc-dp-cover-image .cover-preview img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

div#cover-modal,
div#profile-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
}

div#cover-modal .model-content,
div#profile-modal .model-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 80%;
    margin: 0 auto;
    flex-direction: column;
    gap: 20px;
}

.jquery-uploader-preview-container {
    border: 1px solid #e5e5e5;
}

.jquery-uploader-preview-action > ul > li.file-delete i:before {
    content: "\f1f8" !important;
}

.jquery-uploader.deleting:before,
.cover-preview.uploading:before,
.profile-preview.uploading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    background: rgba(0, 0, 0, 0.6);
}

.delete-loader {
    display: none;
}

.jquery-uploader.deleting .delete-loader,
.cover-preview.uploading .delete-loader,
.profile-preview.uploading .delete-loader {
    color: #fff;
    z-index: 99;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    display: block;
    width: unset !important;
    height: unset !important;
}

.upload-edit input + label:after {
    content: "\f303";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 5px;
}

.action-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.action-buttons button {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: none;
    background: #fff;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action-buttons button i {
    font-size: 20px;
    line-height: 20px;
}

.action-buttons button#cancel i {
    color: #ff0000;
}

.action-buttons button#save i {
    color: green;
}

.rcrop-outer-wrapper {
    opacity: .75;
}

.rcrop-outer {
    background: #000
}

.rcrop-croparea-inner {
    border: 1px dashed #fff;
}

.rcrop-handler-corner {
    width: 12px;
    height: 12px;
    background: none;
    border: 0 solid #51aeff;
}

.rcrop-handler-top-left {
    border-top-width: 4px;
    border-left-width: 4px;
    top: -2px;
    left: -2px
}

.rcrop-handler-top-right {
    border-top-width: 4px;
    border-right-width: 4px;
    top: -2px;
    right: -2px
}

.rcrop-handler-bottom-right {
    border-bottom-width: 4px;
    border-right-width: 4px;
    bottom: -2px;
    right: -2px
}

.rcrop-handler-bottom-left {
    border-bottom-width: 4px;
    border-left-width: 4px;
    bottom: -2px;
    left: -2px
}

.rcrop-handler-border {
    display: none;
}

.profile-preview.uploading:before {
    border-radius: 100%;
}

button.insert-media {
    padding: 4px !important;
    background: #F6F7F7 !important;
    color: #000 !important;
}

ol, ul {
    margin: 0 0 10px 21px;
    list-style-position: inside;
}

ol {
    list-style: none;
}

.driver-profile-fitments {
    position: relative;
    margin: 0 12px 12px;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .11);
}

.driver-profile-fitments__body {
    padding: 10px 20px;
}

.driver-profile-fitments__body h3 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 16px;
    color: #444;
}

.fitments-drop {
    display: block;
    margin: 4px auto;
    padding: 6px;
    border: 1px solid #c3c3c3;
    position: relative;
    cursor: pointer;
    background: #fff;
}

ol.fitments-drop-list {
    display: none;
    position: absolute;
    top: 36px;
    left: -1px;
    right: -1px;
    background: #fff;
    overflow-y: auto;
    max-height: 300px;
    border: 1px solid #c3c3c3;
    border-top: none;
    border-radius: 3px;
    margin: 0;
    list-style: none;
}

ol.fitments-drop-list.active {
    display: block;
    z-index: 99;
}

ol.fitments-drop-list li {
    padding: 6px 4px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 13px;
}


.driver-profile-filters {
    position: relative;
    margin: 0 12px 12px;
    background: #f3f3f3;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .11);
}

.driver-profile-filters__body {
    padding: 10px 20px;
}

.driver-profile-filters__body h3 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 16px;
    color: #444;
}

.filters-drop {
    display: block;
    margin: 4px auto;
    padding: 6px;
    border: 1px solid #c3c3c3;
    position: relative;
    cursor: pointer;
    background: #fff;
}

ol.filters-drop-list {
    display: none;
    position: absolute;
    top: 36px;
    left: 0px;
    right: -1px;
    background: #fff;
    overflow-y: auto;
    max-height: 300px;
    border: 1px solid #c3c3c3;
    border-top: none;
    border-radius: 3px;
    margin: 0;
    list-style: none;
}

ol.filters-drop-list li {
    padding: 6px 4px;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Roboto, Arial, sans-serif;
}

.driver-profile-filters__header__title,
.driver-profile-fitments__header__title {
    background: #CE0909;
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    justify-content: space-between;
    line-height: 14px;
}

.driver-profile-filters__header__title #clear-filters,
.driver-profile-fitments__header__title #clear-fitments {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

.search-button {
    margin: 20px 0;
    text-align: center;
}

.search-button button {
    background-color: #000000;
    border: none;
    color: #fff;
    border-radius: 6px;
    padding: 6px 30px;
    width: 100%;
    max-width: 200px;
}

.filter-list {
    padding: 5px 0;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

h2.filter-list-header {
    margin: 0;
    padding: 8px 0;
    font-size: 16px;
    color: #505050;
    line-height: 1;
    position: relative;
    font-weight: 500;
    cursor: pointer;
}

h2.filter-list-header span {
    font-size: 13px;
}

h2.filter-list-header:after {
    content: "\f0d7";
    position: absolute;
    top: auto;
    right: 0;
    font-family: "Font Awesome 5 Free", sans-serif;
    font-weight: 600;
}

.filter-list ul {
    list-style: none;
    max-height: 268px;
    margin: 0;
    overflow-y: auto;
    transition: max-height .3s ease;
}

.filter-list[data-active=false] ul {
    max-height: 0;
}

.driver-profile-grid_inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.driver-profile-grid_inner .car_details,
.driver-profile-grid_inner .wheel_details,
.driver-profile-grid_inner .tire_details,
.driver-profile-grid_inner .driver_name {
    color: #fff;
    padding: 5px 15px;
    border: none;
}

.driver-profile-grid_inner .car_details,
.driver-profile-grid_inner .driver_name {
    background-color: rgba(23, 23, 23, .5);
}

.driver-profile-grid_inner .car_details span,
.driver-profile-grid_inner .wheel_details span,
.driver-profile-grid_inner .tire_details span,
.driver-profile-grid_inner .driver_name span {
    display: block;
    text-transform: capitalize;
    line-height: 1.2em;
}

.driver-profile-grid_inner .car_details span:first-child,
.driver-profile-grid_inner .wheel_details span:first-child,
.driver-profile-grid_inner .tire_details span:first-child {
    font-weight: 500;
    font-size: 16px;
}

.driver-profile-grid_inner .driver_name span:first-child {
    font-size: 18px;
    font-weight: 600;
}

.driver_details {
    display: flex;
    justify-content: space-between;
    background: rgba(23, 23, 23, .5);
}

.driver-profile-grid_inner .driver_name {
    padding-bottom: 0;
}

.driver-profile-grid-item__image img {
    height: 250px !important;
    object-fit: cover;
    width: 100%;
}

.driver-profile-grid-item__inner {
    position: relative;
    overflow: hidden;
}

.driver-profile-grid-item__inner__img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    filter: blur(8px);
    transform: scale(1.1);
    overflow: hidden;
}

.fitments-drop .loader {
    position: absolute;
    right: 10px;
    display: none;
}

ol.fitments-drop-list li.active, ol.fitments-drop-list li:hover {
    background: #CE0909;
    color: #ffff;
}

/**
 Only for Grids for large devices
 */

@media (min-width: 1920px) {
    .driver-profile-grid_inner {
        grid-template-columns: repeat(4, 1fr);
    }
}

.filter-list li {
    margin-right: 20px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.filter-list li label {
    cursor: pointer;
    font-size: 14px;
    display: block;
    font-weight: 400;
}

.filter-list li label input[type=checkbox] {
    display: none;
}

.filter-list li label input[type=checkbox] + .label-text {
    display: flex;
    align-items: center;
}

.filter-list li label input[type=checkbox] + .label-text:before {
    content: "\f0c8";
    color: #dddfe6;
    font-family: "Font Awesome 5 Free";
    line-height: 1;
    width: 1em;
    display: inline-block;
    margin-right: 5px;
    font-weight: 400;
    font-size: 20px;
}

.filter-list li label input[type=checkbox] + .label-text:hover:before {
    color: #CE0909;
}

.filter-list li label input[type=checkbox]:checked + .label-text {
    color: #CE0909;
    font-weight: 500;
}

.filter-list li label input[type=checkbox]:checked + .label-text:before {
    content: "\f14a";
    color: #CE0909;
    animation: tick 150ms ease-in;
    font-weight: 600;
}


@keyframes tick {
    0% {
        transform: scale(0);
    }
    90% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}

.filter-list[data-drop="true"] h2.filter-list-header:after {
    content: "\f0d8";
}

.driver-profile-filters__options__container .filter-list:last-child {
    border-bottom: none;
}

.driver-profile-grid_pagination {
    margin-top: 30px;
    display: none;
}

.driver-profile-grid_pagination_inner_right_buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

ul#driver-profile-grid-pagination-numbers-inner {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
}

ul#driver-profile-grid-pagination-numbers-inner li {
    padding: 8px 16px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
}

ul#driver-profile-grid-pagination-numbers-inner li.active {
    background: #CE0909;
    border: 1px solid #CE0909;
    color: #fff;
}

.driver-profile-grid_pagination_inner_right_buttons_right_button, .driver-profile-grid_pagination_inner_right_buttons_left_button {
    padding: 8px 16px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    transition: 0.3s all ease;
}

.driver-profile-grid_pagination_inner_right_buttons_right_button:hover, .driver-profile-grid_pagination_inner_right_buttons_left_button:hover {
    background: #CE0909;
    color: #fff;
    border: 1px solid #CE0909;
    outline: none;
}

#filter-column {
    width: 350px !important;
    max-width: 350px;
}

#grid-column {
    width: calc(100% - 360px) !important;
}

.driver-profile-filter-button-holder {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 15px;
}

.driver-profile-filter-button-holder button {
    background: #CE0909;
    color: #fff;
    outline: none;
    border: 1px solid #CE0909;
    padding: 15px 20px;
    border-radius: 50px;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    line-height: 16px;
}

.driver-profile-filter-button-holder button.active span {
    display: none;
}

.driver-profile-filter-button-holder button.active i:before {
    content: "\f00d" !important;
}

.navbar-wrapper .navbar-sidebar-wrapper {
    max-width: 70%;
}

.navbar-wrapper .close-navbar-sidebar {
    z-index: 999;
}

.shop-normal .woo-breadcrumb {
    background-color: #000;
    background-image: url(https://sponsoredadrenaline.com/wp-content/uploads/2023/11/New-Shop-Banner-2-2048x758-1.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border: none;
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0;
    min-height: 350px;
    box-shadow: none;
}

.shop-normal .woo-breadcrumb .wrapper-breads {
    display: none;
}

.post-type-archive-product #page-breadcrumbs,
.tax-product_cat #page-breadcrumbs {
    display: none;
}

.product-block.grid-v2 .quickview, .product-block.grid-v2 .added_to_cart, .product-block.grid-v2 .button {
    background-color: rgb(206, 9, 9, 67%)
}

.woocommerce div.product .product_title,
.name {
    font-weight: 600;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: #8c8397;
    color: #000;
}

select#pa_size {
    height: 46px;
    border: 2px solid #E4E4E4;
    padding-left: 10px;
    padding-right: 10px;
}


.woocommerce-cart #page-breadcrumbs,
.woocommerce-cart #apus-breadscrumb,
.woocommerce-checkout #page-breadcrumbs,
.woocommerce-checkout #apus-breadscrumb,
.woocommerce-account #page-breadcrumbs {
    display: none;
}

.woocommerce-cart #main-container,
.woocommerce-checkout #main-container,
.woocommerce-account #main-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-dark {
    color: #fff !important;
}

.woocommerce table.woocommerce-cart-form__contents img {
    max-width: 70px !important;
}

.apus-checkout-step li.active .step, .apus-checkout-step li.active .inner-step-title {
    color: #CE0909;
}

.woocommerce table.woocommerce-cart-form__contents th {
    background: #CE0909 !important;
    color: #fff !important;
    padding: 7.5px 15px !important;
}

.woocommerce table.woocommerce-cart-form__contents th.product-remove .remove {
    color: #fff !important;
}

.woocommerce-free-driver-profile-notice {
    background: #ededed;
    color: #000;
    padding: 15px;
    border-left: 4px solid #CE0909;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}

.woocommerce-free-driver-profile-notice a {
    background: #CE0909;
    padding: 10px 30px;
    color: #fff;
    border-radius: 16px;
    line-height: 1.2em;
    font-size: 16px;
    font-weight: 500;
}

.woocommerce-free-driver-profile-notice a:hover {
    background-color: #000;
    color: #fff !important;
}

.woocommerce table.woocommerce-cart-form__contents td.actions .coupon {
    padding-left: 20px;
}

.woocommerce form .form-row input.input-text,
.select2-container--default .select2-selection--single {
    height: 45px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    margin-top: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px
}

.woocommerce-thankyou-header .icons {
    background-color: #CE0909;
}

.woocommerce-account h3.title-page {
    display: none;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    background: #eaeaea;
    margin: 0;
    padding: 12px;
    border-bottom: 1px solid #ccc;
    color: #000;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
    color: #000;
}

.edit-account .form-group .for-control {
    top: 9px
}

.woocommerce table.my_account_orders td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.woocommerce table.my_account_orders .button {
    padding: 5px 30px;
}

.no-driver-profile {
    font-size: 20px;
    text-align: center;
    padding-top: 40px;
}

.no-profile-buttons {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.no-profile-buttons a {
    padding: 8px 30px !important;
    background: #CE0909 !important;
    border-radius: 16px !important;
    border: none !important;
}


@media (max-width: 1024px) {
    .driver-profile-grid_inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {

    #filter-column {
        width: 250px !important;
        max-width: 250px;
    }

    #grid-column {
        width: calc(100% - 260px) !important;
    }


    .no-profile-buttons {
        margin-top: 25px;
        display: block;
        text-align: center;
    }

    .no-profile-buttons a {
        display: block !important;
        max-width: 200px !important;
        margin: auto !important;
    }
}

@media (max-width: 600px) {
    #filter-column {
        position: fixed;
        background: #fff;
        z-index: 99;
        width: 300px !important;
        max-width: 0px !important;
        top: 0;
        bottom: 0;
        left: 0;
        overflow-y: scroll;
        transition: 0.3s all ease;
    }

    #filter-column.active {
        max-width: 300px !important;
    }

    #filter-column.active .elementor-widget-wrap {
        padding: 0;
    }

    #filter-column.active .driver-profile-fitments,
    #filter-column.active .driver-profile-filters {
        margin: 0 0 12px;
    }

    #grid-column {
        width: 100% !important;
    }

    .driver-profile-filter-button-holder {
        display: inline-block;
    }

    .driver-profile-grid_inner {
        grid-template-columns: repeat(1, 1fr);
    }
}