@font-face {
    font-family: 'Book Antiqua';
     src: url("/assets/vendors/fonts/Book%20Antiqua/bookantiqua.ttf") format('truetype');
}
@font-face {
    font-family: 'granville';
     src: url("/assets/css/fonts/granville-regular.otf") format('opentype');
}
.roboto {
  font-family: "Roboto", sans-serif !important;
}
body,
html {
    font-family: Roboto , sans-serif !important;
}

.font-granville
{
    font-family: 'granville' !important;
}

.font-mulish
{
    font-family: 'Mulish' !important;
}
.card-img-top .btn-add-to-cart {
    left: 14% !important;
}

.product-actions.vertical {
    bottom: 53px !important;
    top: unset !important;
}

.product-title:hover a {
    border-bottom-color: none !important;
}

.productDetail p {
    margin-bottom: 0.3rem !important;
}

a.navi-link {
    color: #000000 !important;
    text-decoration: auto !important;
}

.product-actions.vertical>button {
    transition: color .4s ease-out,
        background .4s ease-out,
        visibility .4s ease-out,
        opacity .4s ease-out,
        transform .4s ease-out;

    transform: translateY(25px);
    opacity: 0;
    border: unset;
}

.card-product:hover .product-actions.vertical>button {
    opacity: 1;
    transform: translateY(0);
}

.main-header {
    height: 80px !important;
}

.read-more-box .content-inner {
    max-height: 250px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.read-more-box.expanded .content-inner {
    max-height: none !important;
}

.form-control {
    background-color: #fff !important;
    color: #3f4254 !important;
    border: 1px solid #D9D9D9 !important;
    line-height: 1.425 !important;
    padding: 0.430rem 1.125rem !important;
    border-radius: 5px !important;
}
#vertical-slider-thumb.slick-slider-thumb {
    width: 100% !important;
}
#vertical-slider-thumb .slick-list {
    height: auto !important;
}
#vertical-slider-thumb .slick-track {
    transform: translate3d(0, 0, 0) !important;
    width: 100% !important;
}
#vertical-slider-thumb .cursor-pointer.slick-slide {
    width: 100% !important;
    height: 80px !important;
    overflow: hidden;
}
.spinner-border-glow {
    width: 1rem !important;
    height: 1rem !important;
    border: 0.25em solid currentColor !important; 
}
.timeline-line {
    position: absolute;
    top: 20px !important;
    left: 48% !important;
    width: 100% !important;
    height: 2px !important;
    background: #dee2e6 !important;
    z-index: 0 !important;
}

.timeline-line.active {
    background: #28a745 !important;
}
.valid-password {
    color: green !important;
}

.invalid-password {
    color: red !important;
}

.progress-bar.bg-danger {
    background-color: #dc3545 !important;
}

.progress-bar.bg-warning {
    background-color: #ffc107 !important;
}

.progress-bar.bg-success {
    background-color: #28a745 !important;
}

#passwordStrength.strong-password-success {
    color: green !important;
}

.input-group-text {
    cursor: pointer !important;
}

#passwordStrength.text-warning {
    color: #ffc107 !important;
}

#passwordStrength.text-danger {
    color: #dc3545 !important;
 }
 .select2-container--default .select2-selection--single .select2-selection__clear {

    height: 35px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #D9D9D9;
    height: 39px !important;
    border-radius: 5px !important;
    background-color: #fff !important;
    padding-left: 4px;
    line-height: 1.425 !important;
    color: #3f4254 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 4px !important;
    top: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #eee;
    color: #6e6767 !important;
}

.modal-open .select2-container {
    z-index: 9999;
}
@-moz-document url-prefix() {
    .rounded-pill {
  padding-top: 5px !important;
  padding-bottom: 1px !important;
  }
}
.status-circle{
    z-index: 9 !important;
    position: relative !important;
    border-radius: 100px !important;
}
.btn-add-to-cart svg.icon {
    width: 24px !important;
    height: 24px !important;
    bottom: 53px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}
.product-desc thead,
.product-desc tbody,
.product-desc tfoot,
.product-desc tr,
.product-desc td,
.product-desc th {
    border-color: lightgray;
    border-style: solid;
    border-width: 1px;
    padding: 7px;
    color: #000;
    vertical-align: top;
}
.like-products h4.card-title.text-primary-hover.text-body-emphasis.fs-15px.fw-500.mb-3 {
    min-height: 40px;
}
.setting-desc {
    color: #000 !important;
    font-size: 15px !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
    text-decoration: none;
    background-color: #090a09 !important;
}
#shop_our_feature_products{
    transition:background 1.5s ease-in-out;
}
.modern-product-wrapper{
    width:100% !important;
}

.modern-product-card{
    width:100% !important;
    min-height:500px !important;
    display:flex;
    align-items:center !important;
    justify-content: center !important;
    /*gap:8% !important;*/
    padding:50px 6% !important;
    opacity:0;
    background:transparent;
    transition:
        transform .4s ease-out,
        opacity .4s ease-out;
}

.image-right{
    flex-direction:row-reverse !important;
}

.slide-left{
    transform:translateX(-120px);
}

.slide-right{
    transform:translateX(120px);
}

.show{
    opacity:1;
    transform:translateX(0);
}

/* Section background colors */
.bg-peach{
    background:#c0e9d5b3 !important;
}

.bg-blue{
    background:#efbbd3 !important;
}

.bg-lavender{
    background:#fcdbcc !important;
}

.bg-mint{
    background:#c7e8e8 !important;
}

.bg-rose{
    background:#c5bad1 !important;
}

.product-image-box{
    /*width:45% !important;*/
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    /* overflow:hidden !important; */
    border-radius:30px !important;
    position:relative !important;
}

.modern-product-image{
    max-width:500px !important;
    height:600px !important;
    object-fit:cover !important;
    border-radius:50px !important;
    transition: transform 1s cubic-bezier(0.25,0.46,0.45,0.94),
                filter 1s ease !important;
}

.modern-product-card:hover .modern-product-image{
     transform: scale(1.12) !important;
    filter:brightness(1.05) !important;
}

.product-content{
    /*width:40% !important;*/
    min-height:500px !important;
    align-items: start !important;
}

.product-content h2{
    font-size:28px !important;
    font-weight:600 !important;
    margin-bottom:18px !important;
    line-height:1.4 !important;
}

.product-content h2 a{
    color:#111 !important;
    text-decoration:none !important;
    transition:.3s !important;
}

.product-content h2 a:hover{
    color:#111;
}

.price-box{
    font-size:32px;
    font-weight:700;
    color:#111;
    margin-bottom:25px;
}
@media(max-width:768px){

    .modern-product-card,
    .image-right{
        flex-direction:column;
        text-align:center;
        gap:30px;
        padding:50px 20px;
        align-items: center; 
    }

    .product-image-box,
    .product-content{
        width:100%;
    }

    .product-content h2{
        font-size:24px;
    }

    .price-box{
        font-size:24px;
    }
}
a:hover{
    color:#000000 !important;
}
.text-reset{
    color:#000000 !important;
 }
.nav-add-product .nav-link:hover, .nav-add-product .nav-link.active {
    color: #000000 !important;
    background-color: var(--bs-tertiary-bg);
}
.btn:hover {
    color: var(--bs-btn-hover-color) !important;
}
.form-control:focus{
    border-color: #000 !important;
    box-shadow: 0 0, 0 0 0 0.25rem rgb(251 251 251 / 25%) !important;
}
.home-bay-now-btn
{
    width: fit-content;
    border-radius: 8px;
    font-size: 16px;
    margin:0 auto;
}
.sticky .sticky-area {
    box-shadow: unset;
}
.bg-body-secondary {
    background-color: #f3f5f6 !important;
}
.hr-box-shadow
{
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.8);
}

.read-more-box .content-inner td {
    color: #6c6c6c;
    font-weight: 400;
}
.read-more-box .content-inner td strong {
    color: #000;
}
#collapse-to-use .read-more-box * , #collapse-ingredients .read-more-box * {
    font-weight: 400;
}
.cm-box-shadow
{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.card.shadow-sm.rounded-4.mb-6 {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1) !important;
    border: unset;
}
#header .sticky-area-wrap.sticky .sticky-area .main-header {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}
.jscart-list .fa.fa-trash-alt {
    font-size: 14px;
}
.order-cm-detail .badge.rounded-pill {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.table {
    color: #000;
    font-weight: 400;
}
.font-antiqua h2 a{
    text-transform: uppercase;
}

.modern-product-card .product-content h2 a {
    font-family: 'granville' !important;
    text-transform: uppercase;
    letter-spacing: -.03em;
    line-height: 1.05;
    font-weight: normal !important;
    font-size: 2.5rem;
}
.modern-product-card .product-content p , header .sticky-area .navbar-nav a , #shop_our_feature_products p
{
    font-family: 'Mulish' !important;
}
.form-check-input:focus {
    border-color: #080808 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgb(111 113 112 / 25%) !important;
}
.sticky-area .right-menu-cm a:hover svg {
    stroke: #FFF;
    fill: #FFF;
}
.sticky-area .right-menu-cm a {
    padding: 5px 5px;
    display: flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 50%;
}
.sticky-area .right-menu-cm a:hover
{
    background-color: #000;
}
.btn-close:focus {
    border-color: #000 !important;
    box-shadow: 0 0, 0 0 0 0.25rem rgb(251 251 251 / 25%) !important;
}
.sticky-area .right-menu-cm ul ul li a {
    border: unset !important;
    background-color: unset !important;
}
.right-menu-cm .usersDetail .dropdown-toggle
{
    cursor: pointer;
}
.form-check-input:focus {
    border-color: #080808 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 0.25rem rgb(111 113 112 / 25%) !important;
}
.form-check-input:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}
.form-control:focus, .form-border-1 .form-control:active, .checkout .form-control:focus, .checkout .form-control:active, .shopping-cart .form-control:focus, .shopping-cart .form-control:active{
border: 1px solid #000 !important
}
.form-group label {
    font-family: 'Mulish', sans-serif !important;
}
p,
a,
label,
input,
li,
button,
span,
strong,
td,tr,th,small {
    font-family: 'Mulish', sans-serif !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'granville' !important;
}
.alert-text {
    font-family: 'Mulish', sans-serif !important;
}
.tool-bar-right .dropdown-menu.show {
    display: block;
    z-index: 9;
}
#vertical-slider-thumb .cursor-pointer.slick-slide {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
}
#vertical-slider-slides .slick-slide img {
    transform: scale(1.1);
    max-height: 400px;
    object-fit: contain;
}
#vertical-slider-thumb .cursor-pointer.slick-slide.slick-current
{
    border: solid 1px grey;
    border-radius: 5px;
}
.productCoupon.accordion-button:not(.collapsed) {
    color: #1b1b1c !important;
    background-color: #f7f7f8 !important;
}
.productCoupon.accordion-button:focus {
    z-index: 3;
    box-shadow: 0 0, 0 0 0 0.25rem rgb(251 251 251 / 25%) !important;
    border-color: #f7f7f8 !important;
    outline: 0px;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23141432'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}