html, body {
    -webkit-font-smoothing: antialiased;
}
.btn-block {
    display: block;
    width: 100%;
}
.inline-block {
    display: inline-block;
}
.quantityInputGroup input {
    text-align: center;
}


hr {
    opacity: .1;
}
.fs-7 {
    font-size: 0.9rem;
}
.fs-8 {
    font-size: 0.8rem;
}
.fs-9 {
    font-size: 0.7rem;
}
.fs-10 {
    font-size: 0.6rem;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}


.card-body:empty {
    display: none;
}

@media screen and (max-width: 768px) {
    .offcanvas {
        --bs-offcanvas-width: calc(100vw - 40px);
    }
}

@media screen and (min-width: 768px) {
    .hidden-desktop,
    .navbar-expand-lg .navbar-collapse.hidden-desktop {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .hidden-xs,
    .d-flex.hidden-xs,
    .navbar-expand-lg .navbar-collapse.hidden-xs {
        display: none !important;
    }
}


.pass-wrapper {
    overflow: hidden;
    padding: 20px;
    border-radius: 8px;
    border:2px solid #F9F9F9;
    background: #fff;
}
.pass-wrapper .pass-field {
    height: 65px;
    width: 100%;
    position: relative;
}
.pass-field input {
    width: 100%;
    height: 100%;
    outline: none;
    padding: 0 17px;
    font-size: 1.3rem;
    border-radius: 5px;
    border: 1px solid #999;
}
.pass-field input:focus {
    padding: 0 16px;
    border: 2px solid #4285F4;
}
.pass-field i {
    right: 18px;
    top: 50%;
    font-size: 1.2rem;
    color: #999;
    cursor: pointer;
    position: absolute;
    transform: translateY(-50%);
}
.pass-wrapper .content {

}
.pass-wrapper .content .title {
    color: #333;
    font-size:16px;
}
.pass-wrapper .content .requirement-list {
    margin:0;
    margin-top: 10px;
    font-size: 14px;
    padding:0;
}
.requirement-list li {
    font-size: 14px !important;
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}
.requirement-list li i {
    width: 20px;
    color: #aaa;
    font-size: 0.6rem;
}
.requirement-list li.valid i {
    font-size: 1.2rem;
    color: #4285F4;
}
.requirement-list li span {
    margin-left: 0px;
    color: #333;
}
.requirement-list li.valid span {
    color: #999;
}

.requirement-list li::before {
    content:'' !important;
    display: none !important;
}

@media screen and (max-width: 500px) {
    .pass-wrapper {
        padding: 15px;
    }
    .pass-wrapper .pass-field {
        height: 55px;
    }
    .pass-field input, .content p  {
        font-size: 1.15rem;
    }
    .pass-field i, .requirement-list li {
        font-size: 1.1rem;
    }
    .requirement-list li span {
        margin-left: 7px;
    }
}


.list-group-noborder,
.list-group-noborder .list-group-item {
    border:0;
}
.list-group-noborder .list-group-item {
    padding:5px 0;
}



.addedToCart {
    position: absolute;
    top:10px; left:10px;
    width: calc(100% - 20px);
    background-color: var(--bs-success);
    color:#FFF;
    padding: 7px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    text-align:  center;
    opacity:0;
    transform: translateY(-20px);
    transition: all 0.2s;
    z-index: 10;
}
.addedToCart.active {
    opacity: 1;
    transform: translateY(0px);
}
.cartRule img {
    aspect-ratio: 1/1;
}
#cartSummary .cartRule {
    padding-left: 15px;
    padding-right: 15px;
}


.carouselHolder .owl-nav {
    position: absolute;
    top:calc(50% - 50px);
    width: 100%;
}
.carouselHolder .owl-nav > * {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 20px !important;
    background-color: #F5F3ED;
    color:#1A130F !important;
    padding-top: 6px !important;
}
.carouselHolder .owl-nav .owl-prev {
    left: 0;
}
.carouselHolder .owl-nav .owl-next {
    right: 0;
}
.carouselHolder.owl-nav-outer .owl-nav .owl-prev {
    left: -60px;
}
.carouselHolder.owl-nav-outer .owl-nav .owl-next {
    right: -60px;
}
.carouselHolder .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 31px;
}