html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#offcanvas-right{
    z-index: 9999;
}
main {
    flex: 1;
    padding: 0.5rem;
}
.btn {
    margin-inline-end: unset;
}
button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
#offcanvas-right, #offcanvas-left, #offcanvas-right-filter {
    z-index: 99999;
}
.service-image {
    max-width: 50px;
}
.overlay {
    z-index: 9999;
}
.pl-10{
    padding-left:40px;
}
.bg-dark {
    background-color: #212529;
}
button.bg-dark:hover, a.bg-dark:hover {
    background-color: #414549;
}
.bg-gray {
    background-color: #6c757d;
}
button.bg-gray:hover, a.bg-gray:hover {
    background-color: #555;
}
.d-none{
    display: none !important;
}
.d-block {
    display: block !important;
}
.d-flex {
    display: flex !important;
}
.justify-content-between{
    justify-content:space-between;
}
.justify-content-start {
    justify-content: start;
}
.justify-content-center {
    justify-content: center;
}
.justify-content-end {
    justify-content: end;
}
.align-items-center{
    align-items:center;
}
.w-100 {
    width: 100%
}
.w-75 {
    width: 75%
}
.w-50 {
    width: 50%
}
.w-25 {
    width: 25%
}
.h-100 {
    height: 100%;
}
.h-75 {
    height: 75%;
}
.h-50 {
    height: 50%;
}
.h-25 {
    height: 25%;
}
.text-green {
    color: green;
}
.text-red{
    color:red;
}
[data-theme="dark"] .text-green {
    color: #09d109;
}
[data-theme="dark"] .text-red {
    color: #ff3737;
}
.size-15 {
    height: unset;
    margin-top: 5%;
}
.header-logo {
    max-width: 150px;
    max-height: 50px;
}
    .header-logo img {
        max-height: 50px;
    }
.map-location {
    width: 100%
}
.map-location iframe {
    width: 100%
}
.btn {
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 0.8rem 2rem;
    border-radius: 0.5rem !important;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}
.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}
[data-theme="dark"] .btn-dark {
    border: 1px solid
}
.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107;
}
.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0;
}
.dropdown-menu {
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.5rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: #212529;
    --bs-dropdown-bg: #fff;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: 0.375rem;
    --bs-dropdown-border-width: 1px;
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: right;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius);
}
.card {
    --bs-card-border-width: 1px;
    --bs-card-border-color: rgba(0,0,0,0.175);
    --bs-card-border-radius: 0.375rem;
    --bs-card-bg: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: 0.375rem;
}
    .card:hover {
        background-color: #ddd;
    }
    li {
    list-style: none;
}
.rem-5, .rem-10, .rem-15, .rem-20, .rem-25, .rem-30, .rem-35, .rem-40, .rem-45, .rem-50 {
    width: 100%;
}
.container-sm{
    max-width:20rem;
}
.container-md {
    max-width: 40rem;
}
.container-lg {
    max-width: 60rem;
}
.container-xl {
    max-width: 80rem;
}
.container-xxl {
    max-width: 100rem;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(0 * -1);
    /*    margin-left: calc(1.5rem * -.5);
    margin-right: calc(1.5rem * -.5);*/
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto !important;
    width: 50% !important;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.verify{
   display:flex;
   justify-content:center;
}
.verify-content {
    width: 100%;
    max-width: 600px;
}
.verify-items{
    border:1px solid #ccc;
    border-radius:8px;
    padding:2px 8px;
}
.verify-items img{
  border-radius:5px;
}
[data-theme="dark"] .verify-items {
    border: 1px solid #666;
}
@media (max-width:768px) {
    .add-to-cart {
        background: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px 15px 80px 15px;
        z-index: 1000;
        box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.9);
    }

    [data-theme="dark"] .add-to-cart {
        background: #000 !important;
        box-shadow: 0px 5px 8px rgba(255, 255, 255, 0.9);
    }
}

@media (min-width: 576px) {
    .rem-5 {
        width: 5rem;
    }

    .rem-10 {
        width: 10rem;
    }

    .rem-15 {
        width: 15rem;
    }

    .rem-20 {
        width: 20rem;
    }

    .rem-25 {
        width: 25rem;
    }

    .rem-30 {
        width: 30rem;
    }

    .rem-35 {
        width: 35rem;
    }

    .rem-40 {
        width: 40rem;
    }

    .rem-45 {
        width: 45rem;
    }

    .rem-50 {
        min-width: 50rem;
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .justify-content-sm-between {
        justify-content: space-between;
    }

    .justify-content-sm-start {
        justify-content: start !important;
    }

    .justify-content-sm-center {
        justify-content: center;
    }

    .justify-content-sm-end {
        justify-content: end;
    }

    .align-items-sm-center {
        align-items: center;
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 auto !important;
        width: 25% !important;
    }

    .col-md-4 {
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
/*    .justify-content-md-start {
        justify-content: flex-start !important;
    }*/

    .justify-content-md-between {
        justify-content: space-between;
    }

    .justify-content-md-start {
        justify-content: start !important;
    }

    .justify-content-md-center {
        justify-content: center;
    }

    .justify-content-md-end {
        justify-content: end;
    }
    .align-items-md-center {
        align-items: center;
    }

    .px-md-0 {
        padding-inline: 0;
    }
    .px-md-4 {
        padding-inline: calc(var(--spacing) * 4);
    }
    .pl-md-4 {
        padding-left: calc(var(--spacing) * 4);
    }
    .pr-md-4 {
        padding-right: calc(var(--spacing) * 4);
    }
}
@media (min-width: 992px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
}
@media (min-width: 1200px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 auto !important;
        width: 25% !important;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 1400px) {
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }
@media (max-width: 1279.9px) {
    .new-mega-menu {
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-top:10px;
        padding-right:10px;
        gap: 1.5rem;
    }
}