.text-underline {
    text-decoration: underline;
}
.cursor-pointer {
    cursor: pointer;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    font-size: 18px;
}
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    font-size: 14px;
}
div:where(.swal2-container) .swal2-html-container,
div:where(.swal2-container) div:where(.swal2-footer) {
    font-size: 16px;
}

.heading-section .heading-title {
    font-size: 1.6rem;
}

.product-price {
    font-size: 1rem;
}
.product-name,
.product-detail,
.pagination .page-link {
    font-size: .9rem;
}

.product-menu h4,
.product-car-brand h4 {
    font-size: 1.3rem;
}

.form-check .form-check-input {
    height: 1.2rem;
    width: 1.2rem;
    margin-top: 0.1em;
    border: 1px solid #bbbbbb;
}

@media only screen and (max-width: 767px) {
    .product-index .container .col-sm-3,
    .product-index .container .col-sm-9 {
        width:  100%;
    }
    .product-index .container .product-menu li.list-item,
    .product-index .container .product-car-brand li.list-item {
        display: inline-block;
        margin: 0 8px 12px 0;
        padding: 0;
    }

    .product-index .container .product-menu li.list-item {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 2px #0000001f, 0 0 0 1px #0000001f;
        color: #2c3338 !important;
        display: inline-block;
        font-family: Open Sans, sans-serif;
        font-weight: 500;
        padding: 4px 11px 3px 9px;
        text-decoration: none !important;
        text-shadow: none;
    }
}

@media only screen and (max-width: 524px) {
    .swiper .swiper-wrapper .swiper-slide h1 {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 430px) {
    .product-menu h4,
    .product-car-brand h4 {
        font-size: 1rem;
    }

    .heading-section .heading-title {
        font-size: 1.2rem;
    }

    .pagination .page-link {
        font-size: .7rem;
    }
    .form-check .form-check-input {
        height: 1.1rem;
        width: 1.1rem;
    }

    .product-menu .list-item,
    .product-car-brand .list-item  {
        font-size: .9rem;
    }
    .product-list .product-name,
    .product-list .product-price,
    .product-list .product-detail {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 300px) {
    .swiper .swiper-wrapper .swiper-slide h1 {
        font-size: 1.3rem;
    }

    .product-list .col-6 {
        width: 100%;
    }
    .pagination li.page-item:first-child,
    .pagination li.page-item:last-child {
        display: none;
    }
}