/** Shopify CDN: Minification failed

Line 964:0 Unexpected "}"
Line 1329:0 Unexpected "}"
Line 1403:16 Expected "]" to go with "["
Line 1408:16 Expected "]" to go with "["

**/
/*
    © 2023 EcomGraduates.com
    https://www.ecomgraduates.com
*/

/*
    Various helper classes
*/
.z-index-1 { z-index: 1;}

.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }

.lead { font-weight: normal; }

.extra-small { font-size: .7rem; }

.text-current-color { color: currentColor !important; }

.headings-font-family {
    font-family: var(--bs-headings-font-family);
}

.object-cover {
    object-fit: cover;
}

.text-truncate-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
}

/*
    Links
*/
.link-dark {
    transition: all .2s ease-out;
    color: var(--bs-body-color) !important;
}

.link-dark:hover,
.link-dark:focus {
    color: var(--bs-primary) !important;
}


/*
    Text
*/
.text-muted {
    color: var(--bs-body-color) !important;
    opacity: .75;
}

.bg-primary .text-muted,
.bg-secondary .text-muted,
.bg-dark .text-muted {
    color: white !important;
}


/*
    Buttons (normal)
*/
.btn {
    --bs-btn-border-radius: 50px;
}

.btn-primary {
    position: relative;
    --bs-btn-bg: #fff;
border: 2px solid #000;
   
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary-darken-5);
    --bs-btn-active-border-color: var(--bs-primary-darken-5);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}
.btn-primary:hover {
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.24),0 6px 12px 0 rgba(0,0,0,0.19);

transform: scaleX(1.005) scaleY(1.025) perspective(1px);

  
}




.btn-secondary {
    position: relative;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary-darken-5);
    --bs-btn-hover-border-color: var(--bs-secondary-darken-5);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary-darken-10);
    --bs-btn-active-border-color: var(--bs-secondary-darken-10);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-white {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: rgba(255, 255, 255, 1);
    --bs-btn-border-color: rgba(255, 255, 255, 1);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: rgba(255, 255, 255, .9);
    --bs-btn-hover-border-color: rgba(255, 255, 255, .9);
    --bs-btn-focus-shadow-rgb: 255, 255, 255;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: rgba(255, 255, 255, .8);
    --bs-btn-active-border-color: rgba(255, 255, 255, .8);
    --bs-btn-disabled-bg: rgba(255, 255, 255, 1);
    --bs-btn-disabled-border-color: rgba(255, 255, 255, 1);
}

.btn-light {
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: var(--bs-light-darken-5);
    --bs-btn-hover-border-color: var(--bs-light-darken-5);
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-bg: var(--bs-light-darken-10);
    --bs-btn-active-border-color: var(--bs-light-darken-10);
    --bs-btn-disabled-bg: var(--bs-light);
    --bs-btn-disabled-border-color: var(--bs-light);
}

.btn-dark {
    position: relative;
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark-darken-5);
    --bs-btn-hover-border-color: var(--bs-dark-darken-5);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-bg: var(--bs-dark-darken-10);
    --bs-btn-active-border-color: var(--bs-dark-darken-10);
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}


/*
    Buttons (outline)
*/
.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}

.btn-outline-secondary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-disabled-color: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);
}

.btn-outline-white {
    --bs-btn-color: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--bs-white);
    --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-border-color: var(--bs-white);
}

.btn-success {
    --bs-btn-color: #fff;
    --tw-gradient-from: #ff4bbf;
    --tw-gradient-to: #c90081;
  
 border: 1px solid #b0006b;
 --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);

    background-image: linear-gradient(90deg, var(--tw-gradient-stops));
     box-shadow: inset 0 0px #80004e, inset 0 0 0 0px #80004e, inset 0 0px #80004e;

    --bs-btn-border-color: #b0006b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-success-rgb), .9);
    --bs-btn-hover-border-color: #b0006b;
    --bs-btn-focus-shadow-rgb: #b0006b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-success-rgb), .8);
    --bs-btn-active-border-color: #b0006b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-success-rgb), 1);;
    --bs-btn-disabled-border-color: #b0006b;;
}

.to-secondary {
    --tw-gradient-to: #ca3501;
}

.from-primary {
    --tw-gradient-from: #ff9602;
    --tw-gradient-to: rgba(255, 150, 2, 0);
}
.from-green-100, .from-primary {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.btn-success:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);

transform: scaleX(1.005) scaleY(1.025) perspective(1px);

  
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(var(--bs-danger-rgb), 1);
    --bs-btn-border-color: rgba(var(--bs-danger-rgb), 1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), .9);
    --bs-btn-hover-border-color: rgba(var(--bs-danger-rgb), .9);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-danger-rgb), .8);
    --bs-btn-active-border-color: rgba(var(--bs-danger-rgb), .8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-danger-rgb), 1);;
    --bs-btn-disabled-border-color: rgba(var(--bs-danger-rgb), 1);;
}

.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(var(--bs-warning-rgb), 1);
    --bs-btn-border-color: rgba(var(--bs-warning-rgb), 1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), .9);
    --bs-btn-hover-border-color: rgba(var(--bs-warning-rgb), .9);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-warning-rgb), .8);
    --bs-btn-active-border-color: rgba(var(--bs-warning-rgb), .8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-warning-rgb), 1);;
    --bs-btn-disabled-border-color: rgba(var(--bs-warning-rgb), 1);;
}


.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(var(--bs-info-rgb), 1);
    --bs-btn-border-color: rgba(var(--bs-info-rgb), 1);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--bs-info-rgb), .9);
    --bs-btn-hover-border-color: rgba(var(--bs-info-rgb), .9);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--bs-info-rgb), .8);
    --bs-btn-active-border-color: rgba(var(--bs-info-rgb), .8);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--bs-info-rgb), 1);;
    --bs-btn-disabled-border-color: rgba(var(--bs-info-rgb), 1);;
}

/* .btn-primary::before,
.btn-secondary::before,
.btn-dark::before {  
    content: "";
    position: absolute;
    top: 6px;
    left: 4px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: var(--bs-border-radius);
    transition: all .2s ease-out; 
}

.btn-primary:hover::before,
.btn-secondary:hover::before,
.btn-dark:hover::before {
    left: 0;
    top: 8px;
}

.btn-primary::before {
    background-color: var(--bs-primary-darken-10);
}

.btn-secondary::before {
    background-color: var(--bs-secondary-darken-10);
}

.btn-dark::before {
    background-color: var(--bs-dark-darken-10);
} */


/*
    Badges
*/
.badge {
    --bs-badge-border-radius: var(--bs-border-radius);
}


/*
    Container
*/
.container, 
.container-fluid, 
.container-lg, 
.container-md,
.container-sm, 
.container-xl, 
.container-xxl {
    --bs-gutter-x: 2rem;
}


/*
    Forms
*/
.form-control,
.form-select {
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}

.form-control:focus,
.form-select:focus {
    color: var(--bs-body-color);
    border-color: rgba(var(--bs-body-color-rgb), .25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-body-color-rgb), .125)
}

.text-white .form-control:focus,
.text-white .form-select:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .1)
}

.input-group-text {
    background-color: var(--bs-light-darken-5);
    border-radius: var(--bs-border-radius);
}

.input-group-sm .form-control, 
.input-group-lg .form-control,
.input-group-sm .form-select, 
.input-group-lg .form-select,
.input-group-sm .input-group-text,
.input-group-lg .input-group-text {
    border-radius: var(--bs-border-radius);
}

.form-check-input {
    background-color: var(--bs-body-bg);
}

.form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-check-input:focus {
    border-color: rgba(var(--bs-primary-rgb), .5);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e")
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25)
}

.form-range::-webkit-slider-thumb {
    background-color: var(--bs-primary);
}

.form-range::-webkit-slider-thumb:active {
    background-color: rgba(var(--bs-primary-rgb), .75)
}

.form-range::-moz-range-thumb {
    background-color: var(--bs-primary);
}

.form-range::-moz-slider-thumb:active {
    background-color: rgba(var(--bs-primary-rgb), .75)
}

.form-range::-webkit-slider-runnable-track {
    background-color: var(--bs-light-darken-5);
}

.form-control::file-selector-button {
    background-color: var(--bs-light);
}
  
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-light);
}


/* 
    Dropdowns 
*/
.dropdown-menu {
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color:var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-light-darken-5);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: var(--bs-primary);
}

.dropdown-menu.show:not([data-popper-placement]) {
    animation: dropdown_menu_fade_aninatiom .2s ease-out;
}

@keyframes dropdown_menu_fade_aninatiom {
    from { transform: translateY(-.375rem); }
    to { transform: translateY(0); }
}

.dropdown-item {
    transition: background .2s ease-out;
    font-size: .925rem;
}


/*
    Img thumbnail
*/
.img-thumbnail {
    background-color: var(--bs-body-bg);
}


/*
    Alerts
*/
.alert-primary {
    --bs-alert-color: var(--bs-primary);
    --bs-alert-bg: rgba(var(--bs-primary-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-primary-rgb), .25);
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary);
    --bs-alert-bg: rgba(var(--bs-secondary-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-secondary-rgb), .25);
}

.alert-dark {
    --bs-alert-color: var(--bs-dark);
    --bs-alert-bg: rgba(var(--bs-dark-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-dark-rgb), .25);
}

.alert-success {
    --bs-alert-color: var(--bs-success-darken);
    --bs-alert-bg: rgba(var(--bs-success-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-success-rgb), .25);
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-darken);
    --bs-alert-bg: rgba(var(--bs-danger-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-danger-rgb), .25);
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-darken);
    --bs-alert-bg: rgba(var(--bs-warning-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-warning-rgb), .25);
}

.alert-info {
    --bs-alert-color: var(--bs-info-darken);
    --bs-alert-bg: rgba(var(--bs-info-rgb), .125);
    --bs-alert-border-color: rgba(var(--bs-info-rgb), .25);
}

/*
    Nav
*/
.nav {
    --bs-nav-link-color: var(--bs-body-color);
    --bs-nav-link-hover-color: var(--bs-body-color);
    --bs-nav-link-disabled-color: var(--bs-body-color);
}


/*
    Tabs
*/
.nav-tabs {
    border-bottom-color: var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-primary);
}

.nav-pills {
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}


/*
    Btn Close
*/
.btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}


/*
    Offcanvas
*/
.offcanvas {
    --bs-offcanvas-bg: var(--bs-body-bg);
}

.offcanvas {
    border: none !important;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, .25);
}

.offcanvas-backdrop.show {
    opacity: 1;
}

.offcanvas.offcanvas-from-bottom {
    transform: translateY(100%);
}

.offcanvas.offcanvas-from-top {
  transform: translateY(-100%);
}

.offcanvas.show:not(.hiding), 
.offcanvas.showing {
    transform: none;
}

.offcanvas.rounded {
    margin: 0.75rem;
    border-radius: var(--bs-border-radius);
    overflow: hidden;
}

.offcanvas.rounded .offcanvas-header {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}

@media (max-width: 575px) {
    .offcanvas.offcanvas-mobile-full {
        width: 100%;
    } 
    .offcanvas.rounded {
        width: calc(100% - 1.5rem) !important;
    }
}

.offcanvas.show #cart-upsell {
    visibility: visible !important;
    display: block !important;
}
.offcanvas #cart-upsell {
    visibility: hidden;
    display: none;
}
/*
    Modal
*/
.modal {
    --bs-modal-bg: var(--bs-body-bg);
}

.modal-backdrop.show {
    opacity: 1;
}

.modal-content {
    border-radius: var(--bs-border-radius);
}


/*
    Popovers
*/
.popover {
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-color: var(--bs-border-color);
    --bs-popover-header-bg: var(--bs-light);
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-border: var(--bs-border-color);
    /* --bs-popover-border-radius: var(--bs-border-radius);
    --bs-popover-inner-border-radius: var(--bs-border-radius); */
}

.popover-body p {
    margin-bottom: 0;
}


/*
    Accordion
*/
.accordion {
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-focus-border-color: rgba(var(--bs-primary-rgb), 0.5);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
    --bs-accordion-active-color: var(--bs-primary);
    --bs-accordion-active-bg: var(--bs-light);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: var(--bs-border-radius);
}

.accordion-button:focus {
    border: none;
    box-shadow: none;
}

.accordion-button:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .1);
}


/*
    Tables
*/
.table {
    --bs-table-striped-bg: rgba(0, 0, 0, 0.025);
    --bs-table-striped-color: currentColor;
}

.table-light {
    --bs-table-bg: var(--bs-light);
    --bs-table-color: var(--bs-body-color);
    --bs-table-border-color: var(--bs-border-color);
}


/*
    Pagination 
*/
.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
}


/*
    Spinners
*/
.spinner-border-sm {
    --bs-spinner-border-width: .15em;
}


/*
    Card
*/
.card {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
      opacity: .99;
 
    padding: 10px;
    transition: all .2s ease-out;
}

.card-img-top:hover {

 
   border-color: rgba(0, 0, 0, .0);
  box-shadow: 0px 7px 7px 7px rgba(0, 0, 0, .0);
     padding: 0px;
    opacity: .99;
  
}

.card-img-top .img-thumbnail {


    transition: all .2s ease-out;
}

.card-img-top a:hover .img-thumbnail {

    border-color: rgba(0, 0, 0, .0);
}

.card-img-top-img-hover {
    visibility: hidden;

    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-out;
}

a:hover .card-img-top-hover {
    visibility: visible;
    opacity: 1;
}

/*
    Card 2
*/
.card-2 {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-2-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-2-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
      opacity: .99;
 
    padding: 10px;
    transition: all .2s ease-out;
}

.card-2-img-top:hover {

 
   border-color: rgba(0, 0, 0, .0);
  box-shadow: 0px 7px 7px 7px rgba(0, 0, 0, .0);
     padding: 0px;
    opacity: .99;
  
}

.card-2-img-top .img-thumbnail {


    transition: all .2s ease-out;
}

.card-2-img-top a:hover .img-thumbnail {

    border-color: rgba(0, 0, 0, .0);
}

.card-2-img-top-img-hover {
    visibility: hidden;

    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-out;
}

a:hover .card-2-img-top-hover {
    visibility: visible;
    opacity: 1;
}



/*
    Card 3 Testimonials
*/
.card-3 {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-3-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-3-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
    
 border-radius: 10px;
    padding: 0px;
    transition: all .2s ease-out;
}



/*
    Card 4 news popup
*/
.card-4 {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-4-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-4-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
      opacity: .99;
 
    padding: 0px;
    transition: all .2s ease-out;
}

/*
    Card 5 news popup 2
*/
.card-5 {
    padding: 20px;
  margin-left: 15px;
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-5-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-5-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
      opacity: .99;
 
    padding: 0px;
    transition: all .2s ease-out;
}

/*
    Card 6 products
*/
.card-6 {
    border-radius: 0px;
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-6-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-6-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
   
   border-radius: 0px;
    padding-bottom: 10px;
    transition: all .2s ease-out;
}

}

.card-6-img-top .img-thumbnail {
  

    transition: all .2s ease-out;
}

.card-6 a:hover .card-6 {

    border-color: rgba(0, 0, 0, .0);
}

.card-6-hover {
    visibility: hidden;

    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-out;
}

a:hover .card-6-hover {
    visibility: visible;
    opacity: 1;
}


/*
    Card 7 gallery
*/
.card-7 {
   border-radius: 25px;

    --bs-card-bg: rgba(255, 255, 255, 1.0);
    --bs-card-border-color: var(--bs-border-color);
    color: rgba(255, 255, 255, 1.0);;
  

}

.card-7-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-7-body {

  


	color: #fff;

  
}



.card-7-img-top {
border-radius: 25px;
 	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 1.0;

}



.card-7-img-top .img-thumbnail {
  
border-radius: 25px;
    transition: all .2s ease-out;
}

.card-7 a:hover .card-6 {

    border-color: rgba(0, 0, 0, .0);
}

.card-7-hover {
    visibility: hidden;

    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-out;
}

a:hover .card-7-hover {
    visibility: visible;
    opacity: 1;
}


/*
    card-9
*/
.card-9 {
    --bs-card-9-border-radius: var(--bs-border-radius);
    --bs-card-9-inner-border-radius: var(--bs-border-radius);
    --bs-card-9-bg: rgba(255, 255, 255, 1.0);
    --bs-card-9-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.card-9-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.card-9-img-top {
border-radius: 25px;
  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);
      opacity: .99;
 
    padding: 10px;
    transition: all .2s ease-out;
}

.card-9-img-top:hover {

 
   border-color: rgba(0, 0, 0, .0);
  box-shadow: 0px 7px 7px 7px rgba(0, 0, 0, .0);
     padding: 0px;
    opacity: .99;
  
}

.card-9-img-top .img-thumbnail {


    transition: all .2s ease-out;
}

.card-9-img-top a:hover .img-thumbnail {

    border-color: rgba(0, 0, 0, .0);
}

.card-9-img-top-img-hover {
    visibility: hidden;

    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-out;
}

a:hover .card-9-img-top-hover {
    visibility: visible;
    opacity: 1;
}

/* Image with text 2 */

.hero__image {
  position: relative;
  margin-top: 48px;
  padding-left: 0px;
  padding-right: 0px;
}
.hero__divider {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -100px;
  height: 200px;
  background-color: #000;
  background-image: linear-gradient(
    to right,
    #6366f1,
    #a855f7,
    #ec4899,
    #f97316,
    #ec4899,
    #a855f7,
    #6366f1,
    #a855f7,
    #ec4899,
    #f97316,
    #ec4899
  );
  transform: skewY(-5deg);
  background-size: 500% 100%;
  z-index: -1;
}










/* Common style */
.grid-7 figure-7 {
 
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid-7 figure-7 img {
  border-radius: 25px;
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
  
}

.grid-7 figure-7 figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid-7 figure-7 figcaption::before,
.grid-7 figure-7 figcaption::after {
	pointer-events: none;
}

.grid-7 figure-7 figcaption,
.grid-7 figure-7 figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid-7 figure-7 figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid-7 figure-7 h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid-7 figure-7 h2 span {
	font-weight: 800;
}

.grid-7 figure-7 h2,
.grid-7 figure-7 p {
	margin: 0;
}

.grid-7 figure-7 p {
	letter-spacing: 1px;
	font-size: 68.5%;
  color: #fff;
}



/*---------------*/
/***** Sadie *****/
/*---------------*/

figure-7.effect-sadie figcaption::before {
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	height: 100%;
    color: #fff;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure-7.effect-sadie h2 {
	position: absolute;
	top: 60%;
 
	left: 0;
	width: 100%;
	color: rgba(72,76,97,0.0);
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}






figure-7.effect-sadie figcaption::before,
figure-7.effect-sadie p {

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,0px,0);

}

figure-7.effect-sadie p {
   
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure-7.effect-sadie:hover h2 {
 
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure-7.effect-sadie:hover figcaption::before ,
figure-7.effect-sadie:hover p {

	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}





}
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }




section-7 {
	padding: 1em;
	text-align: center;
}

.content-7 {
	margin: 0 auto;
	max-width: 1000px;
}

.content-7 > h2 {
	clear: both;
	margin: 0;
	padding: 4em 1% 0;
	color: #484B54;
	font-weight: 800;
	font-size: 1.5em;
}











.btn-primary-7 {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-darken-5);
    --bs-btn-hover-border-color: var(--bs-primary-darken-5);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-bg: var(--bs-primary-darken-5);
    --bs-btn-active-border-color: var(--bs-primary-darken-5);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
}




/*
    socials root news popup 2
*/

.social-icons--root[data-type=follow] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}

.icon--root {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}



*, :after, :before {
    box-sizing: border-box;
}

path[Attributes Style] {
    d: path("M 2081 0 c 55 473 319 755 778 785 v 532 c -266 26 -499 -61 -770 -225 v 995 c 0 1264 -1378 1659 -1932 753 c -356 -583 -138 -1606 1004 -1647 v 561 c -87 14 -180 36 -265 65 c -254 86 -398 247 -358 531 c 77 544 1075 705 992 -358 V 1 h 551 Z");
}


path[Attributes Style] {
    d: path("M 15.33 5.87 a 1.208 1.208 0 0 1 -1.2 -1.197 a 1.215 1.215 0 0 1 1.207 -1.212 c 0.649 0.002 1.198 0.55 1.202 1.2 c 0.005 0.659 -0.547 1.21 -1.21 1.209 Z m -5.332 9.273 c -2.828 0 -5.128 -2.297 -5.14 -5.134 c -0.013 -2.83 2.31 -5.148 5.148 -5.138 a 5.126 5.126 0 0 1 5.124 5.137 a 5.14 5.14 0 0 1 -5.133 5.135 Z m -0.01 -1.808 a 3.343 3.343 0 0 0 3.342 -3.324 a 3.348 3.348 0 0 0 -3.325 -3.34 a 3.343 3.343 0 0 0 -3.34 3.324 a 3.34 3.34 0 0 0 3.324 3.34 Z M 1.787 9.997 h 0.038 c 0 1.052 -0.018 2.104 0.007 3.154 c 0.015 0.652 0.048 1.311 0.16 1.953 c 0.259 1.484 1.12 2.454 2.597 2.845 c 0.737 0.195 1.492 0.215 2.243 0.222 c 2.11 0.016 4.219 0.017 6.328 -0.002 a 11.723 11.723 0 0 0 1.952 -0.162 c 1.483 -0.265 2.451 -1.13 2.834 -2.61 c 0.214 -0.821 0.218 -1.663 0.225 -2.5 c 0.018 -1.931 0.02 -3.863 -0.002 -5.793 c -0.008 -0.725 -0.042 -1.458 -0.16 -2.171 c -0.25 -1.502 -1.116 -2.488 -2.614 -2.878 c -0.82 -0.213 -1.663 -0.218 -2.5 -0.225 c -1.93 -0.018 -3.861 -0.02 -5.793 0.002 c -0.724 0.008 -1.456 0.047 -2.17 0.16 c -1.4 0.224 -2.388 1 -2.81 2.382 a 6.122 6.122 0 0 0 -0.247 1.519 c -0.056 1.367 -0.062 2.736 -0.088 4.104 Z M 20 7.143 v 5.715 c -0.01 0.104 -0.024 0.208 -0.031 0.313 c -0.044 0.658 -0.056 1.32 -0.137 1.975 c -0.117 0.95 -0.44 1.833 -1.019 2.607 c -1.072 1.433 -2.57 2.03 -4.296 2.164 c -0.446 0.035 -0.895 0.055 -1.343 0.083 H 6.786 c -0.092 -0.01 -0.183 -0.028 -0.274 -0.034 c -0.473 -0.03 -0.95 -0.04 -1.421 -0.092 c -1.032 -0.114 -1.998 -0.424 -2.84 -1.051 C 0.812 17.748 0.215 16.247 0.084 14.514 c -0.033 -0.419 -0.056 -0.84 -0.083 -1.26 V 6.746 c 0.014 -0.157 0.025 -0.314 0.04 -0.47 c 0.067 -0.63 0.08 -1.27 0.21 -1.887 C 0.638 2.56 1.686 1.245 3.44 0.532 c 0.932 -0.379 1.919 -0.46 2.913 -0.49 c 0.263 -0.008 0.526 -0.028 0.79 -0.042 h 5.714 c 0.09 0.01 0.183 0.024 0.274 0.03 c 0.671 0.045 1.347 0.054 2.014 0.14 c 1.044 0.133 2.002 0.507 2.823 1.191 c 1.31 1.094 1.833 2.555 1.948 4.202 c 0.037 0.526 0.056 1.053 0.084 1.58 Z");
    fill: rgb(0, 0, 0);
    fill-rule: evenodd;
}
user agent stylesheet
:not(svg) {
    transform-origin: 0px 0px;
}

/*
    Image list
*/

.list-card {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 0.0);
    --bs-card-border-color: var(--bs-border-color);
    color: rgba(255, 255, 255, 1.0);

}


.image-list {
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-inner-border-radius: var(--bs-border-radius);
    --bs-card-bg: rgba(255, 255, 255, 0.0);
    --bs-card-border-color: var(--bs-border-color);
    color: var(--bs-body-color);

}

.image-list-header {
    background-color: var(--bs-light);
    border-bottom-color: var(--bs-border-color);
}

.image-list-img-top {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);

border-top-left-radius:30px;
border-top-right-radius: 0px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 0px;
    padding: 0px;
    transition: all .2s ease-out;
}



.image-list-img-top .img-thumbnail {


    transition: all .2s ease-out;
}



/*
    Image list about 4
*/

.image-list-img-top-4 {

  background-color: rgba(0, 0, 0, .0);
  border-color: rgba(0, 0, 0, .0);
    border: 1px rgba(0, 0, 0, .0);

border-top-left-radius:80px;
border-top-right-radius: 80px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 80px;
    padding: 0px;
    transition: all .2s ease-out;
}









/*
    container1
*/
.container1 {
      background-color: rgba(250, 0, 0, .5);
   width: 100%;
  position: relative;
  text-align: center;
  
}

/*
    container2
*/
.container2 {
   
      --bs-gutter-x: 2rem;
   width: 80%;
  padding:0px


}

.centered {
  backdrop-filter: blur(10px);
    background-color:rgba(101, 17, 72, .5);
    border-radius: 20px;
  position: absolute;
  text-align: left;
  height: 350px;
  width: 500px;
     padding: 10px;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);

}

.btn-dark2{--bs-btn-color:#fff;--bs-btn-bg:#000;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}

.text-block {

  position: absolute;

  color: white;
  padding: 10px;
  opacity: 1.0;
  font-size: 12px
  text-align: left;
}





.container2 {
  position: relative;
  width: 785px;
  height: 500px;
}

.pointed-star {
    background: gold;
    width: 100%;
    height: 100%;
    clip-path: url(#pointed-star-clip-path);
    position: absolute;
}

/*
    mainimg
*/

.mainimgcontainer {
  position: relative;
  color: white;
  height: 100vh;
}

.mainimgtxt {
  width: 40%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  padding:1rem
}
.mainimgcontainer img{
  width:100%;
  height:100%;
  object-fit:cover;
}


/*
    test3
*/

/* img {
    -webkit-filter: grayscale(100%) contrast(110%) blur(1px); Chrome, Safari, Opera
/*     filter: grayscale(100%); */
.test {
  width: 500px;
  height: 300px;
  line-height: 300px;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('http://img.khelnama.com/sites/default/files/mediaimages/gallery/2012/Aug/RTR36KBH.jpg');
  position: absolute;
  text-align: center;
}
.test p {
  font-size: 23px;
  color: #fff;
  text-transform: uppercase;
  font-family: sans-serif;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;     

}
.test2 {
  background-image: url('https://hjdp0w.bn1301.livefilestore.com/y2pv5djwOeNCtiz5obh1cxcBBwW0tSrBueBDPdHZQaORQMEfeW9u_sJa-2BJCqSg1a0CClVGyUBNFmafC_d8MzkSWX1fdR7RDU5vl3NM19l0fs/wood.jpg?psid=1');
  line-height: 300px;
  height: 300px;
  width: 500px;
  background-size: cover;
  position: absolute;
  margin-top: 300px;
  text-align: center;
}
.test3 {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6)), url('https://36.media.tumblr.com/742ec9bb05056b2821ff8f0eb7768348/tumblr_o325ltMBRD1tomxvuo8_1280.jpg');
  height: 300px;
  width: 500px;
  background-size: cover;
  position: absolute;
  line-height: 300px;
  text-align: center;
  margin-left: 500px;
}
.test2 p {
  color: white;
  display: inline-block;
  background-color: rgba(0,0,0,.6);
  padding: 10px;
}
.test3 p {
  position: absolute;
  color: white;
  text-transform: uppercase;
  bottom: 10px;
  left: 180px;
}








.showcase {
  width: 100%;
  height: 500px;
  position: relative;
  color: white;
  text-align: center;
}

.showcase img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index:99
}

.showcase .overlay {
  width: 100%;
  height: 500px;
  background-color: rgba(0, 35, 82, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  z-index:999
}

.showcase h2 {
  margin-top: 170px;
  font-size: 3em;
}

.showcase p {
  margin-top: 8px;
  font-size: 1.2em;
}





/*
    Progress
*/
.progress {
    background-color: var(--bs-light-darken-5);
}

.progress-bar {
    background-color: var(--bs-primary);
}


/*
    Hr (separators
*/
hr, .hr {
    opacity: .1;
}


/*
    Text ellipsis
*/
.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*
    Breadcrumbs
*/
.breadcrumb {
    --bs-breadcrumb-margin-bottom: 0;
    --bs-breadcrumb-font-size: .875rem;
    --bs-breadcrumb-item-active-color: rgba(var(--bs-body-color-rgb), .5);
}


/* 
    Ratio
*/
.ratio-3x4 {
    --bs-aspect-ratio: calc(4 / 3 * 100%);
}

.ratio-9x16 {
    --bs-aspect-ratio: calc(16 / 9 * 100%);
}

.ratio-9x21 {
    --bs-aspect-ratio: calc(21 / 9 * 100%);
}


/*
    Recaptcha page
*/
.shopify-challenge__container {
    padding: 2rem;
}


/*
    Policy pages
*/
.shopify-policy__container {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    max-width: 720px !important;
}


/*
    Shopify's system errors
*/
.errors ul {
    margin-bottom: 0;
}


/*
    Rich Text Editor (rte)
*/
.rte img {
    max-width: 100%;
    height: auto;
}

.rte p:last-child {
    margin-bottom: 0;
}

.text-white .rte a:not(.btn) {
    color: white;
}


/*
    Collapsible tables
*/
@media (max-width: 991px) {
    .table-collapsible table { 
        border: 0; 
    }
    .table-collapsible table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    .table-collapsible table tr {
        display: block;
        padding: .5rem 0;
        border: none;
        border-bottom: 1px solid var(--bs-dark);
    }
    .table-collapsible table tr:first-child {
        border-top: 1px solid var(--bs-dark);
    }
    .table-collapsible table td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: .95rem;
        padding: .5rem 0;
        border: none;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }
    .table-collapsible table td::before {
        content: attr(data-label);
        font-weight: bold;
        padding-right: 1rem;
    }
    .table-collapsible table td:last-child {
        border-bottom: 0;
    }
}

/*
    List Groups
*/
.list-group {
    --bs-list-group-action-hover-color: var(--bs-body-color);
    --bs-list-group-action-hover-bg: var(--bs-light-darken-5);
    --bs-list-group-active-bg: var(--bs-primary);
    --bs-list-group-active-border-color: var(--bs-primary);
}

.list-group-item-action {
    transition: all .2s ease-out;
}