/*!
Script: SaaS
Author: Papon IT Solution
Support: paponapp2244@gmail.com
Version: 4.2
*/ /* [Table of contents] 1 header css 2 owl.carousel 3 footer css
*/
/* Root css */
/* Root css close */
/* default css */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); * { outline: none !important; margin: 0; padding: 0; box-sizing: border-box; } :root { --font-family:"Montserrat", sans-serif !important; --bs-primary-rgb: color-mix(in srgb, var(--bs-primary), transparent 80%) !important; --bs-secondary-rgb: color-mix(in srgb, var(--bs-secondary), transparent 80%) !important;
} html { scroll-behavior: smooth;
} body { color: var(--primary-color); font-family: var(--font-family); overflow-x: hidden;
} p,
ul,
ol { margin-bottom: 15px;
} p:last-child { margin-bottom: 0;
} a { color: var(--primary-color); text-decoration: none;
} h1,
h2,
h3,
h4,
h5 { color: var(--primary-color); font-family: var(--primary-font);
} h1 a,
h2 a,
h3 a,
h4 a,
h5 a { color: var(--primary-color);
} h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover { color: var(--bs-secondary);
} .dropdown-toggle::after { border: none; content:"\f107"; vertical-align: unset; font-family:"Font Awesome 5 Pro";
} .sec-head { margin-bottom: 30px; font-size: 36px; font-weight: 600;
} .btn-cancel { margin: 0 auto; display: block; padding: 10px 25px; border-radius: 6px; text-align: center; background-color: #dc3545 !important;
} .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary) !important; --bs-btn-hover-border-color: var(--bs-primary) !important; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary) !important; --bs-btn-active-border-color: var(--bs-primary) !important; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-primary) !important; --bs-btn-disabled-border-color: var(--bs-primary) !important
} .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: var(--bs-secondary) !important; --bs-btn-border-color: var(--bs-secondary) !important; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-secondary) !important; --bs-btn-hover-border-color: var(--bs-secondary) !important; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-secondary) !important; --bs-btn-active-border-color: var(--bs-secondary) !important; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--bs-secondary) !important; --bs-btn-disabled-border-color: var(--bs-secondary) !important
} .bg-primary-rgb { background-color: color-mix(in srgb, var(--bs-primary), transparent 85%) !important;
} .bg-secondary-rgb { background-color: color-mix(in srgb, var(--bs-secondary), transparent 85%) !important;
} .btn.focus,
.btn:focus { box-shadow: none;
} /* defalut css*/
/* header css */
header { width: 100%; background-color: var(--primary-bg-color);
} .navbar .navbar-nav .nav-link { margin: 0 15px; font-size: 16px; font-weight: 500; transition: all 0.5s; color: var(--primary-color);
} .navbar .navbar-nav .active>.nav-link { color: var(--bs-secondary); font-weight: 500; border-bottom: 2px solid var(--bs-secondary);
} .navbar .nav-item:hover .nav-link { color: var(--bs-secondary); transition: all 0.5s;
} .navbar-nav .dropdown-menu { right: 0; left: auto; border: none; min-width: 200px; margin-top: 10px; box-shadow: 0 0 8px #0002;
} .navbar-brand { display: block; max-width: 40px; padding: 0; margin: 0;
} .navbar .navbar-nav .dropdown-toggle { display: flex; margin: 0; align-items: center; padding: 5px 30px 5px 5px;
} .navbar .navbar-nav .dropdown-toggle img { border-radius: 100%; width: 30px; height: 30px;
} .dropdown-toggle::after { position: absolute; top: 7px; right: 10px; display: block; width: 10px; height: 10px;
} .dropdown { border-radius: 60px; box-shadow: 0 0 8px #0004;
} .navbar-nav { align-items: center;
} .search-input { top: 0%; right: 0; left: auto; width: 100%; display: block; min-width: 280px; position: relative; border-radius: 10px; transition: all 0.5s; background-color: #fff; box-shadow: 0 0 22px #0002;
} .navbar .navbar-nav .search .nav-link { position: absolute; top: 0; right: 0; z-index: 2; height: 100%; padding: 0; margin: 0; width: 40px; line-height: 50px; text-align: center; border: none; background-color: #fff;
} .search { position: relative;
} .search-input input { margin: 0; width: 100%; display: block; padding: 10px 16px; border-radius: 5px;
} /* header css */
/* Banner css */
.banner-sec { padding: 0; height: 100vh;
} .banner-sec .item { height: 100vh; position: relative;
} .banner-sec .item .banner-contant { left: 100px; bottom: 60px; position: absolute;
} .banner-contant h1 { color: #fff; font-size: 60px;
} .banner-contant p { color: #fff; max-width: 700px;
} .banner-sec .item img { filter: brightness(0.4); width: 100%; height: 100%; object-fit: cover;
} .navbar { padding: 10px 15px;
} .banner-carousel .owl-nav span,
.pro-ref-carousel .owl-nav span { width: 40px; height: 40px; color: #fff; display: block; font-size: 50px; line-height: 40px; border-radius: 100%; background-color: var(--bs-secondary);
} .banner-carousel .owl-nav,
.pro-ref-carousel .owl-nav { top: 50%; left: 50%; height: 0; display: flex; position: absolute; align-items: center; width: calc(100% - 50px); justify-content: space-between; transform: translate(-50%, -50%);
} .banner-carousel .owl-dots,
.product-details-img .owl-dots { left: 50%; bottom: 10px; position: absolute; transform: translateX(-50%);
} .banner-carousel .owl-dots .owl-dot,
.product-details-img .owl-dots .owl-dot { width: 6px; height: 6px; margin: 0 4px; border-radius: 50px; background-color: #fff6; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
} .banner-carousel .owl-dots .owl-dot.active,
.product-details-img .owl-dots .owl-dot.active { width: 30px; background-color: #fff;
} /* Banner css */
/* Feature css */
.feature-box { /* margin: 18px 0px; */ overflow: hidden; position: relative; border-radius: 10px;
} .feature-box img { width: 100%; height: 100%; object-fit: cover;
} .feature-contant { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);
} .feature-contant h2 { color: #fff; margin-bottom: 0; white-space: nowrap;
} /* Feature css */
/* Our Product css */
.pro-box { height: 100%; display: block; padding: 10px; display: flex; background-color: #FFF; flex-direction: column; border-radius: 10px; border: 1px solid #e6e6e6; transition: 0.2s linear; position: relative;
} .favourite [class*="col-"] { margin-bottom: 30px;
} .pro-img { display: flex; overflow: hidden; flex-direction: column; position: relative; align-items: normal; margin-bottom: 10px; /* -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; */ border-radius: 10px;
} .product-prev-sec.product-list-sec { padding-bottom: 20px; position: relative; /* top: -40px; */
} .product-prev-sec .nav-tabs .nav-link.active { background-color: transparent !important; color: var(--bs-secondary) !important; font-weight: 600; border: none;
} .pro-img .i { position: absolute; top: 10px; right: 12px; width: 40px; height: 40px; text-align: center; cursor: pointer; font-size: 24px; line-height: 30px; border-radius: 6px; color: #fff; padding: 6px; /*background-color: rgba(255, 255, 255, 0.4);*/ background-color: var(--bs-secondary);
} .pro-box p { line-height: 1.4; margin: 8px 0px; color: #121212; font-size: 14px; font-weight: 600;
} #sync2 .owl-stage { margin: 0 auto;
} #sync2 { position: relative; margin: 0 auto 20px; max-width: calc(100% - 40px);
} .product-prev-sec #sync2 .owl-nav { width: calc(100% + 20px);
} .product-prev-sec .nav-pills { margin-bottom: 30px; justify-content: center;
} .product-tab { display: flex; cursor: pointer; line-height: 1.5; font-weight: 500; margin: 10px 7px; padding: 8px 14px; border-radius: 6px; align-items: center; background-color: #fff; border: 1px solid transparent; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
} .current .product-tab { color: #121212; border-color: var(--bs-secondary); background-color: var(--bs-secondary);
} .product-prev-sec .nav-pills .nav-link img { width: 24px; height: 24px; object-fit: cover; margin-right: 8px; border-radius: 3px;
} .pro-img img { width: 100%; object-fit: cover; object-position: center; height: 250px;
} /* .product-prev-sec .tab-pane { text-align: center;
} */ .product-prev-sec .owl-item .tab-pane { padding: 20px;
} .product-prev-sec .btn-content { padding: 8px; /* width: 100%; */ margin: 5px 0px 0px; background: none; border: 1px solid var(--bs-primary); color: var(--bs-primary); font-size: 13px; font-weight: 600; line-height: 25px;
} /* .product-prev-sec .btn-content:hover { background-color: var(--active-menu);
} */ .product-prev-sec .btn-content2 { display: inline-block;
} .owl-carousel .owl-item .product-tab img { width: 30px; height: 30px; margin-right: 10px; object-fit: cover; border-radius: 5px;
} /* Our Product css */
/* About Us css */
.about-box { padding: 12px; display: flex; border-radius: 10px; align-items: center; border: 1px solid var(--bs-secondary);
} .about-img { display: flex; overflow: hidden; max-width: 600px; max-height: 350px; align-items: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
} .about-contant { padding-left: 40px; flex-basis: calc(100% - 600px);
} .about-sec { padding-top: 0;
} .about-contant p { font-weight: 400;
} .product-prev-sec { padding-top: 20px;
} /* About Us css */
/* Review css */
.review-profile { width: 60px; height: 60px; margin: 0 auto; border-radius: 100%; overflow: hidden;
} .review-carousel .item { text-align: center;
} .review-carousel { max-width: 700px; margin: 60px auto 0;
} .review-carousel h3 { font-size: 22px; font-weight: 600; margin: 15px 0 10px;
} .review-carousel p { color: #121212; font-weight: 400; line-height: 1.5;
} .review-carousel .owl-nav,
#sync2 .owl-nav { top: 50%; left: 50%; height: 0; width: 130%; display: flex; position: absolute; align-items: center; justify-content: space-between; transform: translate(-50%, -50%);
} .review-carousel .owl-nav span,
#sync2 .owl-nav span { font-size: 38px; line-height: 30px; display: block; width: 30px; height: 30px; border-radius: 100%; color: #fff; background-color: var(--bs-secondary);
} /* Review css */
/* Contact Us css */
body input,
body textarea { border-radius: 10px; border: none; padding: 16px 20px; /* margin-bottom: 22px; */
} .payment_radio { padding: 10px 11px !important;
} .contact-form { max-width: 650px; margin-left: auto; padding: 60px 50px; border-radius: 14px; background-color: rgb(253 63 50 / 50%)
} body textarea { height: 140px; resize: none;
} .contact-box { width: 100%; max-width: 400px; border: 1px solid var(--bs-secondary); display: flex; align-items: center; padding: 16px 20px; border-radius: 10px; margin: 20px auto;
} .contact-box i { background-color: var(--bs-secondary); color: #fff; min-width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 10px; margin-right: 20px;
} .contact-box p { font-size: 18px; font-weight: 400; line-height: 1.4;
} /* Contact Us css */
/* footer css */
/* footer { background-color: var(--bs-secondary); padding-top: 50px; position: relative; z-index: 0; margin-top: auto;
}
.contact-from { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; background-color: #f4f4f8; z-index: 1; position: relative;
}
.footer-head { display: block; align-items: center; flex-basis: 33.33%; padding: 0; max-width: 33.33%;
}
.footer-logo { width: 120px; max-width: 120px; max-height: 100px; object-fit: contain;
}
.footer-head p { color: #fff; font-size: 18px; line-height: 1.6; padding: 20px 0;
}
.footer-socialmedia { text-align: center; margin: 20px 0; flex-basis: 33.33%; max-width: 33.33%;
}
.footer-socialmedia a { margin: 0 10px; background-color: #fff; width: 40px; height: 40px; display: inline-block; line-height: 46px; text-align: center; border-radius: 7px; font-size: 20px; color: var(--bs-secondary);
}
.download-app-icon img { height: 100%;
}
.copy-right { font-size: 15px; color: #fff; padding: 8px 0; border-top: 1px solid #fff;
}
.download-app p { color: #fff; font-weight: 400; font-size: 20px; margin-bottom: 10px;
}
.download-app-wrap { display: flex; align-items: center; justify-content: flex-end;
}
.download-app-icon { height: 40px; margin-left: 10px;
}
.download-app { text-align: right; flex-basis: 33.33%; max-width: 33.33%;
} */
/* footer css */
/* product page css */
.glyphicon { margin-right: 5px;
} .thumbnail { margin-bottom: 20px; padding: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
} .item.list-group-item { float: none; width: 100%; background-color: #fff; margin-bottom: 10px;
} .item.list-group-item:nth-of-type(odd):hover,
.item.list-group-item:hover { background: #428bca;
} .item.list-group-item .list-group-image { margin-right: 10px;
} .item.list-group-item .thumbnail { margin-bottom: 0px;
} .item.list-group-item .caption { padding: 9px 9px 0px 9px;
} .item.list-group-item:nth-of-type(odd) { background: #eeeeee;
} .item.list-group-item:before,
.item.list-group-item:after { display: table; content:" ";
} .item.list-group-item img { float: left;
} .item.list-group-item:after { clear: both;
} .list-group-item-text { margin: 0 0 11px;
} .cat-product .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 50%; max-width: 50%;
} .btn-wrap .btn { margin: 0; padding: 0; width: 50%; height: 40px; display: block; border-radius: 0; box-shadow: none; line-height: 40px; position: relative; background-color: #fff; color: var(--bs-secondary);
} .btn-wrap { top: 0; right: 0; width: 150px; display: flex; overflow: hidden; margin-left: auto; border-radius: 6px; align-items: center; position: absolute; border: 1px solid var(--bs-secondary);
} .btn-wrap .btn input { position: absolute; top: 0; left: 0; opacity: 0;
} .btn-wrap .btn#grid { border-left: 1px solid var(--bs-secondary);
} .btn-wrap .btn.active { color: #fff; background-color: var(--bs-secondary);
} .cart-pro-head { position: relative;
} .cat-aside { position: sticky; top: 0; z-index: 998; height: 100%; overflow: auto;
} .product-sec2 .product-display .side-sticky .card-header h4 { font-size: 22px; padding: 0px; line-height: 26px; font-weight: 600;
} .page-item.active .page-link { background-color: var(--bs-secondary); border-color: var(--bs-secondary); color: white !important;
} .page-item.disabled .page-link { color: var(--bs-secondary); border-color: var(--bs-secondary); opacity: 0.5;
} .page-link:hover { background-color: transparent;
} .page-link:focus { box-shadow: none;
} .cat-product .col-12 .pro-box { display: flex; flex-direction: row;
} .cat-product .col-12 .pro-img { margin-bottom: 0; max-width: 200px;
} .cat-product .col-12 .product-details-wrap { flex-basis: calc(100% - 200px); max-width: calc(100% - 200px); padding-left: 20px; display: flex; flex-direction: column; justify-content: space-around;
} /* product page css */
/* product Details page css */
.product-details-sec .sec-head { text-align: left; margin: 30px 0 10px;
} .product-details-img { height: 400px; position: relative; overflow: hidden; border-radius: 10px; box-shadow: 0 0 12px #0002;
} .product-details-img .item { height: 400px;
} .product-details-sec { background-color: var(--bs-secondary); color: #fff; padding: 20px 0 20px 20px;
} .product-details-sec small { color: #0009; font-size: 16px; display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between;
} .pro-details-name-wrap i { color: var(--bs-secondary); font-size: 28px;
} .product-details-sec .pricing { font-size: 30px; font-weight: 500; margin-bottom: 0; text-align: right;
} .product-details-sec .open-time { font-size: 16px; font-weight: 400; margin-bottom: 12px;
} .pro-ref-carousel .owl-item { margin: 20px 0;
} .product-details-sec p { font-size: 16px; line-height: 1.4; font-weight: 400;
} .pro-ref-carousel .owl-item .item { margin-left: 10px;
} .product-details-img img { width: 100%; height: 100%; object-fit: cover;
} .product-rev-wrap { display: flex;
} .product-rev-wrap .pro-sec { /* width: 100%; */ position: sticky; top: 80px; z-index: 9; height: 100%; overflow: auto;
} .cat-aside-theme1 { position: sticky; top: 80px; z-index: 9; height: 100%;
} .cat-check { display: flex; position: relative; margin: 20px 10px 20px 0; padding: 13px 20px; border-radius: 6px; background-color: #fff; border: 1px solid var(--bs-primary); min-width: fit-content; font-size: 15px; font-weight: 500;
} .cat-left-margin { margin: 5px 10px 15px 0;
} .cat-right-margin { margin: 5px 0px 15px 10px;
} .cat-check.active { border-color: var(--bs-secondary) !important; background-color: var(--bs-secondary-srg);
} .cat-aside h3 { margin: 19px 0; font-size: 26px;
} .cat-check img { width: 30px; height: 30px; border-radius: 6px; object-fit: cover; margin-right: 10px;
} .cat-check p { color: #121212; font-size: 14px; font-weight: 600;
} .product-details { display: flex; margin-top: 8px; justify-content: space-between;
} .product-details h4 { margin-bottom: 0; transition: all 0.5s; /* max-width: calc(100% - 60px); */ font-size: 16px; line-height: 18px; font-weight: 400;
} .product-details-inner h4 { margin-bottom: 0; transition: all 0.5s; font-size: 14px; font-weight: 600; height: 33px;
} .product-details-wrap { cursor: pointer;
} .pro-footer { margin-top: auto;
} .product-details a { display: block;
} .product-details a:hover h4 { color: var(--bs-secondary);
} .product-details .pro-pricing { font-size: 16px; padding-right: 0; text-align: right; color: var(--bs-secondary); font-weight: 600;
} .product-details p { margin-top: 0; padding-right: 6px; margin-bottom: 0; font-size: 13px; max-width: 300px; color: #818181;
} .product-details .btn { margin-right: 0; padding: 7px 16px; height: fit-content;
} .pro-details-display { display: flex; flex-direction: column;
} .extra-food-wrap { height: 100%; display: flex; margin-top: 20px; align-items: flex-start;
} .extra-food li { position: relative; margin-bottom: 8px !important;
} .extra-food li input { position: absolute; top: 1px; left: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; margin-bottom: 0;
} .extra-food li p { padding-left: 26px; /* padding-top: 5px; */ position: relative; font-size: 14px;
} .extra-food li p::before { content:""; top: 1px; left: 0; width: 18px; height: 18px; position: absolute; border-radius: 5px; border: 1px solid var(--bs-secondary);
} .extra-food { margin-right: 60px;
} .extra-food li p::after { content:""; position: absolute; top: 4px; left: 3px; width: 12px; height: 12px; opacity: 0; border-radius: 3px; transition: all 0.5s; background-color: var(--bs-primary);
} .extra-food li input:checked+p::after { opacity: 1;
} .pro-details-name-wrap { display: flex; margin-bottom: 2px; align-items: center; justify-content: space-between;
} .pro-details-name-wrap .sec-head { margin: 0; padding-right: 25px;
} .extra-food h3 { font-size: 20px; margin-bottom: 14px;
} .pro-details-add-wrap { margin-top: auto; margin-left: auto; text-align: right;
} .product-details-img img { width: 100%; height: 100%; object-fit: cover;
} /* product Details page css */
/* Cart css */
.cart-box { padding: 8px; display: flex; align-items: flex-start; border-radius: 10px; margin-bottom: 20px; box-shadow: 0 0 8px #0004;
} .cart-pro-img { width: 100px; height: 100px; overflow: hidden; border-radius: 10px;
} .cart-pro-img img { width: 100%; height: 100%; object-fit: cover;
} .cart-pro-edit { display: flex; align-items: center; justify-content: space-between;
} .cart-box textarea { height: 80px; margin-bottom: 0; padding: 8px 16px; background-color: #0001;
} .pro-add { display: flex; align-items: center;
} .pro-add input { margin: 0; padding: 0; width: 50px; text-align: center;
} .cart-pro-details { padding-left: 25px; padding-right: 10px; flex-basis: calc(100% - 100px); max-width: calc(100% - 100px);
} .cart-pro-name { margin-bottom: 0; font-size: 20px; font-weight: 400;
} .pro-add span { text-align: center; min-width: 25px; height: 25px; line-height: 25px; display: block; font-size: 26px; color: var(--bs-secondary); border-radius: 100%; border: 1px solid var(--bs-secondary);
} .cart-pricing { font-size: 25px; font-weight: 500;
} .cart-pro-edit i { font-size: 20px; color: red;
} .cart-summary { width: 100%; padding: 20px; border-radius: 10px; border: 1px solid var(--bs-secondary);
} .pro-total,
.cart-total { display: flex; font-size: 18px; font-weight: 400; align-items: center; padding: 5px 0 6px; margin-bottom: 0; border-top: 1px dashed #ccc; justify-content: space-between;
} .pro-total span,
.cart-total span { font-weight: 600;
} .no-fo-pro { font-size: 20px; font-weight: 600;
} .order-success-img { display: flex; flex-direction: column;
} .cart-total { font-size: 18px; color: #121212; font-weight: 600; display: flex; justify-content: space-between; border-top: 1px solid #121212; margin: 0px; padding: 8px 16px;
} .promo-wrap input { margin-bottom: 0; padding: 10px 20px; border: none;
} .promo-wrap .btn { border-bottom-left-radius: 0; border-top-left-radius: 0;
} .promo-code p { font-size: 15px; cursor: pointer; margin-top: 6px; font-weight: 600; user-select: none;
} .promo-box { position: relative; padding: 10px 10px 5px; border-top: 1px solid #121212;
} .promo-modal .close { width: 40px; height: 40px; opacity: 1; font-weight: 300; margin-left: auto;
} .promo-modal .close span { line-height: 0.5; font-size: 50px;
} .promo-box .btn { position: absolute; top: 10px; right: 10px; padding: 5px 14px; font-size: 14px;
} .promo-box p { line-height: 1.4; margin-bottom: 0; font-weight: 400;
} .promo-box .promo-title { font-size: 20px;
} .promo-code-here span { font-weight: 700; text-decoration: underline;
} .promo-box .promo-code-here { font-size: 17px;
} .promo-box small { color: #717171; font-weight: 300;
} .promo-modal .modal-content { border-radius: 10px; border: none;
} body .promo-modal.modal { background-color: rgb(195 172 171 / 0);
} .modal-head { display: flex; padding: 10px 10px 0 20px; align-items: center;
} .modal-head h4 { margin-bottom: 0;
} .promo-modal .modal-body { padding-top: 8px;
} .cart-summary textarea { margin-bottom: 0; background-color: #0001;
} .cart-summary input { border-radius: 8px; border: none; box-shadow: 0 0 38px rgb(0 0 0 / 0.1);
} /* Cart css */
/* Sign Up css */
.signup-sec { padding: 0; height: 100vh; overflow: hidden;
} .signup-sec .bg-img { width: 100%; height: 100%; object-fit: cover; position: absolute; filter: brightness(0.5);
} .signup-logo a { z-index: 9; display: flex; position: relative; align-items: center; margin: 0 92px 30px;
} .signup-sec form { padding: 50px 40px; max-width: 650px; margin: 0 auto; z-index: 4; display: flex; flex-wrap: wrap; position: relative; border-radius: 10px; border: 2px solid #fff; justify-content: space-between; backdrop-filter: blur(7px);
} .signup-sec form .w-50 { width: calc(50% - 11px) !important;
} .signup-sec form .btn { width: 100%;
} .signup-sec form input { padding: 12px 20px; border-radius: 6px;
} .signup-sec .container { height: 100vh; display: flex; overflow: auto; align-items: center; flex-direction: column; justify-content: center;
} /* .logo { width: 150px; max-width: 150px; max-height: 60px; object-fit: contain;
} */
.signup-logo p { font-size: 22px; font-weight: 500; color: #fff;
} .signup-logo img { width: 100%; max-width: 80px; max-height: 80px; object-fit: contain; background-color: #fff; padding: 12px; border-radius: 12px; margin-right: 30px;
} .navbar .navbar-nav .nav-link.sign-btn { padding: 5px 16px; color: #fff;
} .already { width: 100%; display: block; color: #fff; font-weight: 500; font-size: 18px; text-align: center; margin-top: 20px;
} .already a { color: #fff;
} /* Sign Up css */
/* History css */
.order-box { display: flex; padding: 10px 20px; border-radius: 10px; align-items: flex-start; box-shadow: 0 0 16px rgb(0 0 0 / 0.1);
} .order-box-no { flex-basis: 75%; max-width: 75%;
} .order-box-price { flex-basis: 25%; max-width: 25%; text-align: right;
} .order-box-no h4 { color: #0006; font-size: 16px; margin-bottom: 2px;
} .order-box-no h4 span { color: #121212; font-size: 18px;
} .order-box-no .order-qty { font-weight: 400; margin-bottom: 0;
} .order-box-no .order-qty span { font-weight: 500; font-size: 22px;
} .order-box .order-status { font-size: 16px; font-weight: 400;
} .order-box .order-status span { color: var(--bs-secondary); font-weight: 600;
} .order-box-price h5 { color: var(--bs-secondary);
} .order-box-price p { font-weight: 500;
} /* History css */
/* Our App css */
.our-app .sec-head { text-align: left;
} .our-app .our-app-icon { max-width: 180px; display: block; margin-left: auto; margin: 15px 0 15px auto;
} .our-app .our-app-icon img { width: 100%; height: 100%;
} .our-app { background-color: rgb(253 63 50 / 50%)
} .our-app p { font-weight: 400;
} /* Our App css */
/* Order Details css */
.order-details-img { height: 100px; overflow: hidden; max-width: 100px; border-radius: 10px; margin-right: 20px;
} .order-details-img img { width: 100%; height: 100%; object-fit: cover;
} .wallet-details-img { overflow: hidden; max-width: 100px; border-radius: 10px; margin-right: 20px;
} .wallet-details-img img { object-fit: cover;
} .order-details-name h3 { margin-bottom: 10px; transition: all 0.5s; font-size: 19px; line-height: 26px; font-weight: 400;
} .order-payment-summary,
.order-add { padding: 16px; /* border: 1px solid #e6e6e6; */ border-radius: 8px;
} .order-payment-summary p { display: flex; font-weight: 400; margin-bottom: 8px; align-items: center; justify-content: space-between;
} .order-payment-summary h3 { color: #121212; padding: 0px 0px 10px; margin-bottom: 10px; font-size: 20px; line-height: 26px; font-weight: 400; border-bottom: 1px solid rgb(0 0 0 / 13%);
} .order-payment-summary .order-details-total { font-size: 17px; color: #17b31b; display: flex; justify-content: space-between; border-top: 2px dashed #121212; margin: 10px 0px 0px; padding: 7px 0px 0px;
} .order-add p { /* border-radius: 7px; */ padding: 0px 0px 8px; /* background-color: rgb(204 204 204 / 0.3); */ margin-bottom: 5px; border-bottom: 1px solid lightgray; font-weight: 400;
} .order-add p:last-child { border-bottom: 0px;
} .order-add span { font-weight: 600; font-size: 16px; display: block; margin-bottom: 8px;
} .order-details-box { margin-bottom: 20px; padding: 15px; border: 1px solid #e6e6e6; border-radius: 8px;
} .order-details-box .pro-qty { font-weight: 600; margin-bottom: 4px;
} .order-details-name .cart-pro-note { font-weight: 400; font-size: 14px; line-height: 1.5; padding: 8px 14px; background-color: #0001; border-radius: 10px; margin-bottom: 0;
} .order-details-box .pro-total-price { line-height: 1.4; margin: 8px 0px; color: var(--bs-secondary); font-size: 18px; font-weight: 500;
} .order-add h6 { color: #121212; padding: 0px 0px 10px; margin-bottom: 20px; font-size: 20px; line-height: 26px; font-weight: 400; border-bottom: 1px solid rgb(0 0 0 / 13%);
} .order-details-name a { display: block; color: #121212;
} .order-details-name a:hover h3 { color: var(--bs-secondary);
} footer .container { align-items: center;
} .show-menu { overflow: hidden;
} .order-type { padding: 16px 0px; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; margin: .5rem 1rem;
} /* Order Details css */
.order-details .sec-head+p { color: #121212; font-weight: 600; text-align: center; margin-bottom: 30px;
} .order-details .sec-head { margin-bottom: 5px; font-size: 24px; color: var(--bs-secondary); padding: 10px 0px; margin-bottom: 15px; line-height: 26px; font-weight: 400;
} .ingredients-box { height: 180px; margin: 16px; overflow: hidden; border-radius: 10px; box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
} .ingredients-box img { width: 100%; height: 100%; object-fit: cover;
} .fancybox-infobar { display: none;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { display: none;
} .value-button { cursor: pointer;
} #myBtn { position: fixed; bottom: 24px; right: 24px; width: 45px; height: 45px; z-index: 9999; line-height: 50px; font-size: 26px; text-align: center; border-radius: 10px; color: var(--bs-secondary); cursor: pointer; transition: all 0.5s; background-color: #fff; box-shadow: 0 0 22px rgba(0, 0, 0, 0.2);
} #success-msg { position: fixed; top: 0; left: 0; z-index: 999; margin: 0 !important; width: 100%; text-align: center; border: none; border-radius: 0; padding: 6px 10px; font-weight: 500; color: #155724; background-color: #d4edda; border-color: #d4edda;
} #error-msg { position: fixed; top: 0; left: 0; z-index: 999; margin: 0 !important; width: 100%; text-align: center; border: none; border-radius: 0; padding: 6px 10px; font-weight: 500; color: red; background-color: #ffbaba; border-color: #ffbaba;
} .alert-danger { color: red; background-color: #ffbaba;
} .cart-btn span { position: absolute; top: 10px; right: 10px; width: 19px; height: 19px; color: #fff; text-align: center; font-size: 13px; line-height: 19px; border-radius: 100%; background-color: red;
} .cart-btn { position: relative;
} .search-product { padding: 0 !important; flex-basis: 100% !important; max-width: 100% !important;
} .pro-details-name-wrap i { width: 40px; height: 40px; text-align: center; cursor: pointer; font-size: 24px; line-height: 30px; border-radius: 6px; color: #fff; padding: 6px; background-color: var(--bs-secondary);
} .pro-details-display textarea { margin-bottom: 0; background-color: #0001; margin-top: 20px;
} .delivery-btn-wrap { display: flex; align-items: center;
} .delivery-btn-wrap .btn { flex-basis: calc(50% - 14px); max-width: calc(50% - 14px);
} .cart-addons { line-height: 1.6; padding: 4px 20px; align-items: center; border: 1px solid var(--bs-secondary); margin: 10px 15px; text-align: center;
} .cart-addons-wrap { padding: 2px 0; border-radius: 6px; display: flex;
} .cart-delivery-type-box { cursor: pointer; text-align: center; padding: 14px 20px; border-radius: 8px; user-select: none; transition: all 0.5s; background-color: #fff; box-shadow: 0 0 38px rgb(0 0 0 / 0.1);
} .cart-delivery-type-box img { width: 40px; height: 40px; margin-bottom: 10px; object-fit: contain;
} .cart-summary .promo-wrap { margin-bottom: 20px;
} .cart-delivery-type-box p { font-weight: 600;
} .cart-delivery-type label input { position: absolute; top: 0; left: 0; width: auto; opacity: 0; z-index: -1;
} label input:checked+.cart-delivery-type-box { background-color: var(--bs-secondary); color: #fff;
} .cart-button { position: fixed; bottom: 50%; right: 24px; width: 45px; height: 45px; line-height: 50px; font-size: 20px; text-align: center; border: 1px solid var(--bs-secondary); border-radius: 10px; color: var(--primary-bg-color-hover) !important; cursor: pointer; transition: all 0.5s; background-color: #fff; box-shadow: 0 0 22px rgb(0 0 0 / 20%); z-index: 99;
} .loader { width: 20px; height: 20px; border: 2px solid var(--bs-secondary); border-bottom-color: transparent; border-radius: 10px; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite;
} @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
} .circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
} .progressbar { counter-reset: step;
} .progressbar li { list-style: none; display: inline-block; width: 24.33%; position: relative; text-align: center; cursor: pointer; font-weight: 400;
} .progressbar li:before { content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 100%; display: block; text-align: center; margin: 0 auto 10px auto; background-color: #fff;
} .progressbar li:after { content:""; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: 15px; left: -50%; z-index: -1;
} .progressbar li:first-child:after { content: none;
} .progressbar li.active { color: #17b31b;
} .progressbar li.active:before { border-color: #17b31b;
} .progressbar li.active+li:after { background-color: #17b31b;
} .rating { display: flex; flex-direction: row-reverse; justify-content: center
} .rating>input { display: none
} .rating>label { position: relative; width: 1em; font-size: 70px; color: var(--bs-secondary); cursor: pointer;
} .rating>label::before { content:"\2605"; position: absolute; opacity: 0
} .rating>label:hover:before,
.rating>label:hover~label:before { opacity: 1 !important
} .rating>input:checked~label:before { opacity: 1
} .rating:hover>input:checked~label:before { opacity: 0.4
} .view-order-btn { left: 50%; bottom: 19px; color: #fff; z-index: 9999; position: fixed; font-size: 20px; line-height: 1.5; font-weight: 400; border-radius: 6px; padding: 10px 40px; border: 3px solid #fff; background-color: var(--bs-secondary); transform: translateX(-50%); box-shadow: 0 0 4px var(--bs-secondary);
} .view-order-btn:hover { color: #fff;
} .accept-check { position: relative; margin-bottom: 20px;
} .accept-check p { color: #fff; cursor: pointer; position: relative; padding-left: 37px; user-select: none; font-weight: 400;
} .signup-sec form .accept-check input { margin: 0; position: absolute; top: 0; left: 0; opacity: 0; width: auto; z-index: 0;
} .accept-check p::before { content: ''; position: absolute; top: 0; left: 0; width: 24px; height: 24px; border-radius: 3px; border: 1px solid #fff; transition: all 0.5s;
} .accept-check input:checked+p::before { background-color: #fff;
} .already-p a { color: #fff;
} .accept-check p::after { content: ''; position: absolute; top: 4px; left: 9px; width: 7px; height: 14px; transition: all 0.5s; border: 3px solid transparent; transform: rotate(45deg); border-top: none; border-left: none;
} .accept-check input:checked+p::after { border-color: #fe734b;
} .tooltip-refer { position: relative; display: inline-block;
} .tooltip-refer .tooltiptext { visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s;
} .tooltip-refer .tooltiptext::after { content:""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;
} .tooltip-refer:hover .tooltiptext { visibility: visible; opacity: 1;
} /* ==================== tool tip start =================== */ /* START TOOLTIP STYLES */
[tooltip] { position: relative;
} [tooltip]::before,
[tooltip]::after { text-transform: none; font-weight: 300; font-size: 12px; line-height: 1; user-select: none; pointer-events: none; position: absolute; display: none; opacity: 0;
} [tooltip]::before { content: ''; border: 5px solid transparent; z-index: 1001;
} [tooltip]::after { content: attr(tooltip); min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); background: rgb(39, 39, 39); color: #fff; z-index: 1000;
} /* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after { display: block;
} /* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; border-top-color: rgb(39, 39, 39);
} [tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after { bottom: calc(100% + 5px);
} [tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after { left: 50%; transform: translate(-50%, -.5em);
} /* KEYFRAMES */
@keyframes tooltips-vert { to { opacity: .9; transform: translate(-50%, 0); }
} @keyframes tooltips-horz { to { opacity: .9; transform: translate(0, -50%); }
} /* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after { animation: tooltips-vert 300ms ease-out forwards;
} /* ========= left side tooltip ========== */ [data-tooltip],
.tooltip { position: relative; cursor: pointer;
} /* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after { position: absolute; visibility: hidden;
} /* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after { visibility: visible; opacity: 1;
} /* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content:"";
} /* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after { background-color: #000; content: attr(data-tooltip); min-width: 3em; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px 10px !important; border-radius: .3ch; color: #fff; z-index: 1000; font-size: 14px;
} /* Left */
.tooltip-left:before,
.tooltip-left:after { right: 100%; bottom: 50%; left: auto; transform: translateX(-12px);
} .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000;
} .tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after { transform: translateX(-12px);
} /* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after { margin-left: 0; margin-bottom: -10px;
} /* ========= left tooltip ========== */ /* ==================== tool tip end =================== */ #card2-oldprice { font-size: 16px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.44; text-align: right; color: grey; margin-left: 10px; text-decoration: line-through;
} .card2-oldprice-show { font-stretch: normal; font-style: normal; text-align: right; color: grey; margin-left: 10px; text-decoration: line-through;
} .product-details-sec .product-price { font-size: 30px; font-weight: 500; margin-bottom: 0; text-align: right; color: var(--bs-secondary);
} .ribbon-wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; left: -3px;
} .ribbon { font: bold 12px sans-serif; color: #333; text-align: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; padding: 7px 0; top: 15px; left: -30px; width: 120px; background-color: #ff0000; color: #fff;
} .item-list { position: absolute; top: 100%; width: 100%;
} .product-details-sec .pricing { font-size: 30px; font-weight: 500; margin-bottom: 0; text-align: right; color: var(--bs-secondary);
} .custom-size .custom-control-label { min-width: 3rem; padding: 5px !important; text-align: center; /* border: 1px solid #dce1f1; */ border-radius: 3px; font-weight: 400; font-size: 14px;
} .custom-color .custom-control-label { width: 2.5rem; height: 2.5rem; padding: 0 !important; text-align: center; border: 2px solid #ffffff; background: #ffffff; box-shadow: 0px 0px 0px 2px #e6e9f3; -webkit-box-shadow: 0px 0px 0px 2px #e6e9f3; border-radius: 50%; font-size: 0;
} .single_filter_card .custom-color .custom-control-label { border-radius: 0.2rem;
} .custom-size .custom-control-label:before,
.custom-size .custom-control-label:after,
.custom-color .custom-control-label:before,
.custom-color .custom-control-label:after { display: none;
} .custom-varient { position: relative; /* display: inline-block; */ margin-bottom: 5px; margin-right: 0.5rem; margin-left: 1px; display: flex; align-items: center;
} .custom-varient .form-check-input:focus { box-shadow: none;
} /* .custom-varient .custom-control-input:checked~.custom-control-label { color: #2D3954; border-color: #2D3954;
} */ .woo_pr_varient>h6 { color: #647b9c;
} .woo_pr_varient>h6 span { color: #2D3954;
} .custom-varient.custom-color .custom-control-input:checked~.custom-control-label { color: #2D3954; border-color: #ffffff; box-shadow: 0px 0px 0px 2px #6b7a9c; -webkit-box-shadow: 0px 0px 0px 2px #6b7a9c;
} .flex_inline_center { display: flex; align-items: center;
} .get-quote { border: 2px solid var(--bs-secondary); padding: 40px; border-radius: 3%;
} .sec-info { margin: 15px 0 10px;
} ul { list-style-type: none;
} .cart-button { position: fixed; bottom: 5%; right: 2%; width: 60px; height: 60px; line-height: 64px; text-align: center; font-size: 25px; border-radius: 50%; border: none; margin: 0 auto; z-index: 100; transition: .4s; font-weight: 500; box-shadow: 0 0 0 5px #121212; animation: checkAnim 2s infinite; color: #17b31b !important;
} @keyframes checkAnim { 0%, 100% { box-shadow: 0px 0px 10px 0px rgb(23 179 27 / 47%); } 50% { box-shadow: 0px 0px 15px 0px rgb(23 179 27 / 96%); }
} .cart-button-rtl { position: fixed; bottom: 5%; left: 2%; width: 60px; height: 60px; line-height: 64px; text-align: center; font-size: 25px; border-radius: 50%; border: none; margin: 0 auto; z-index: 9999; transition: .4s; font-weight: 500; box-shadow: 0 0 0 5px #121212; animation: checkAnim 2s infinite; color: #17b31b !important; background-color: #fff;
} .cart-button { position: fixed; bottom: 25%; right: 2%; width: 60px; height: 60px; line-height: 64px; text-align: center; font-size: 25px; border-radius: 50%; border: none; margin: 0 auto; z-index: 9999; transition: .4s; font-weight: 500; box-shadow: 0 0 0 5px #121212; animation: checkAnim 2s infinite; color: #17b31b !important; background-color: #fff;
} .cursor-pointer { cursor: pointer;
} .extra-food-rtl li { position: relative; margin-bottom: 16px;
} .extra-food-rtl li input { position: absolute; top: 0; right: 0; opacity: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; margin-bottom: 0;
} .extra-food-rtl li p { padding-left: 0; padding-right: 36px; position: relative;
} .extra-food-rtl li p::before { content:""; top: 0; right: 0; width: 20px; height: 20px; position: absolute; border-radius: 5px; border: 1px solid var(--bs-secondary);
} .extra-food-rtl li p::after { content:""; position: absolute; top: 4px; right: 4px; width: 12px; height: 12px; opacity: 0; border-radius: 3px; transition: all 0.5s; background-color: var(--bs-secondary);
} .extra-food-rtl li input[type=checkbox]:checked+p::after { opacity: 1;
} .flex-inherit { flex-direction: inherit;
} .progressbar-rtl { counter-reset: step;
} .progressbar-rtl li { list-style: none; display: inline-block; width: 24.33%; position: relative; text-align: center; cursor: pointer;
} .progressbar-rtl li:before { content: counter(step); counter-increment: step; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ddd; border-radius: 100%; display: block; text-align: center; margin: 0 auto 10px auto; background-color: #fff;
} .progressbar-rtl li:after { content:""; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: 15px; right: -50%; z-index: -1;
} .progressbar-rtl li:first-child:after { content: none;
} .progressbar-rtl li.active { color: #17b31b;
} .progressbar-rtl li.active:before { border-color: #17b31b;
} .progressbar-rtl li.active+li:after { background-color: #17b31b;
} /* Theme 2 */
.justify-items-center { justify-items: center !important;
} .d-grid { display: grid;
} .card-font { font-size: 15px;
} .number { border: 1px solid #d4d5d9; display: flex; height: 35px; border-radius: 0.25rem;
} .number input { text-align: center; font-size: 18px; border-radius: 4px; display: inline-block; vertical-align: middle; background: none; margin: 0 !important; padding: 5px 0px 0pc 0px;
} .background-none { background: none;
} .check-btn button { width: 100%;
} .check-btn .btn { padding: 8px; width: 100%; margin: 5px 0px 0px !important; background: none; border: 1px solid var(--bs-primary); color: var(--bs-primary); font-size: 15px; font-weight: 500; line-height: 25px;
} .check-btn .btn:hover { background-color: var(--active-menu);
} .disply-inline { display: inline-block;
} .card-header { font-size: 18px;
} .card,
.card-header,
.card-body { border: none;
} .card .card-header { background: #fff;
} .list-font { font-size: 13px; color: var(--bs-secondary); display: flex;
} .list-font li a { color: var(--bs-secondary);
} .recipe-card .pro-value { color: var(--bs-secondary); margin: 0px; font-size: 16px; line-height: 1.4; font-weight: 600;
} .recipe-card .pro-org-value { font-size: 12px; margin: 0px 7px; text-decoration: line-through; color: lightslategrey;
} .recipe-card .card-pro-image { object-fit: cover; margin: 0 !important; height: 100%; width: 100px; border-radius: 0px;
} .image2 { max-width: 100px; height: 100%;
} .custom-categories-main-sec .product-main-sec:first-child,
.cat-product .product-padding:first-child,
.cat-product .product-main-sec:first-child,
.cat-product .custom-cat-name-sec:first-child { margin-top: 0px !important;
} .modal-btn { padding: 8px; width: 100%; margin: 5px 0px 0px !important; background: none; border: 1px solid var(--bs-primary); color: var(--bs-primary); font-size: 15px; font-weight: 500; line-height: 25px;
} .modal-btn:hover { background-color: var(--active-menu);
} .justify-items-end { justify-items: end !important;
} .number button { background: none; border: none; color: var(--success); padding: 0 0.25rem; font-size: larger;
} /* .pro-sec { position: sticky; height: calc(70px - 0px); top: 0px; z-index: 10; background-color: #fff; padding: 10px;
} */
.pro-sec .shopping-cart { width: 100%; height: 90px; object-fit: contain; opacity: 0.1;
} .pro-sec .shopping-cart-title { font-size: 16px; line-height: 24px; font-weight: 600; margin-top: 25px; text-align: center;
} .pro-fix { position: sticky; height: calc(80px - 0px); top: 0px; z-index: 2; background-color: #f7f7f7; padding: 10px;
} .primary-outline { color: #6c757d; border: 1px solid var(--bs-secondary); padding: 4px; font-weight: 400;
} .width-50 { width: 50px;
} .content-right-padding { padding-left: 0; padding-right: 20px;
} .content-left-padding { padding-left: 15px; padding-right: 0;
} .recipe-card .box-border .pro-card-body { border: 1px solid #dedcdc; border-radius: 10px;
} .pro-card-title { margin-bottom: 4px; transition: all 0.5s; font-size: 16px; line-height: 26px; font-weight: 600;
} .pro-card-body .card-pro-dec { font-size: 14px !important; margin: 0 0 8px;
} .pro-card-body p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
} .card-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 400;
} .cart-card-title { transition: all 0.5s; font-size: 16px; line-height: 26px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 1; -webkit-box-orient: vertical;
} .cart-total-price { color: #121212; margin: 0px 0 7px; font-size: 16px; line-height: 1.4; font-weight: 500;
} /* Theme 3 */
.nav-cat-check { margin: 0px 20px 0px 0; border-radius: 6px; padding: 10px; background-color: #fff; border: 1px solid var(--bs-primary); color: #121212; font-size: 14px; font-weight: 600; min-width: max-content; overflow: hidden;
} .nav-cat-check.active { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} .navbarnav .nav-link:focus,
.nav-link:hover { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} /* .sticky-top { position: sticky; top: 0px; z-index: 999; margin-top: 50px; left: 0; transition: all 0.3s ease 0s; background: #fff;
} */ .sticky-top .navbarnav { display: flex; justify-content: center; align-items: center; padding-top: 20px; border-radius: 6px;
} .sticky-top .navbarnav .menu-nav { display: flex; overflow: auto; margin-bottom: 0; padding: 0px 10px 10px 10px;
} .sticky-top .navbarnav .menu-nav .nav-item { display: contents;
} .sec-margin { margin: 0px 0px 0px 20px;
} .rtl-sec-margin { margin: 0px 20px 0px 0px;
} .pro-card { position: relative; margin: 0 0 20px; padding: 15px 10px; background: #fff; border: 1px solid #ededed; text-align: center; transition: all 0.3s ease-in-out 0s; border-radius: 10px;
} .pro-title { transition: all 0.5s; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 26px; font-weight: 600;
} .qty-title h5 { font-size: 16px;
} .pro-modal .pro-side { padding-left: 0 !important;
} .pro-heading { font-size: 24px; color: var(--bs-secondary); padding: 10px 0px; margin-bottom: 15px; line-height: 26px; font-weight: 400;
} .product-sec2 .product-display .cat-product .card-header h4 { font-size: 22px; padding: 0px; line-height: 26px; font-weight: 600; color: #121212;
} .pro-text { padding-right: 0; color: var(--bs-secondary); margin: 0; font-size: 28px; line-height: 1.4; font-weight: 600;
} .product-detail-price del { font-size: 16px; font-weight: 500;
} .hide-cart:hover { background-color: var(--active-menu);
} .hide-cart-btn { position: relative; text-align: center; transition: all 0.2s ease-in-out 0s; padding: 5px 0px; background: none; border: 1px solid var(--bs-primary); color: #121212; font-size: 15px; font-weight: 500; line-height: 25px;
} .theme-two-sec { padding-bottom: 50px;
} .hide-cart-btn:hover { background: none; border: 1px solid var(--bs-primary);
} .pro-card img { width: 100%; height: calc(130px + (400 - 130) * ((100vw - 320px) / (1920 - 320))); object-fit: cover; transform: scale(1); transition: all 0.5s ease-in-out 0s; border-radius: 10px;
} /* Theme 4 */
.side-sticky { /* width: 100%; */ position: sticky; top: 80px; z-index: 9; height: 100%; overflow: auto;
} .product-display { display: flex; flex-wrap: wrap; margin-top: 0;
} .side-cat-check { position: relative; margin: 5px 10px 10px 0; padding: 13px 10px; border-radius: 6px; background-color: #fff; border: 1px solid var(--bs-primary); min-width: fit-content; font-size: 15px; font-weight: 600;
} .product-sec2 .product-display .side-sticky .side-menu-list { width: 100%; position: sticky; top: 0; z-index: 998; height: 100%; overflow: auto;
} .rtl-side-cat-check { position: relative; margin: 20px 0 10px 10px; padding: 10px 10px; border-radius: 6px; background-color: #fff; border: 1px solid var(--bs-primary); min-width: fit-content; font-size: 15px; font-weight: 500;
} .rtl-side-cat-check.active { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} .rtl-side-cat-check:hover { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} .side-cat-check.active { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} .side-cat-check:hover { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} .cat-search .cat-search-btn { border-color: var(--bs-primary); background-color: var(--active-menu); border-radius: 0%; border: none;
} .pro-body { padding: 1.25rem 1.25rem 0rem;
} .product-box { display: flex; justify-content: space-between;
} .product-img { border: 1px solid #e6e6e6; border-radius: 8px; overflow: hidden; max-width: 100px;
} .product-img img { height: 100px; width: 100px; object-fit: cover;
} .content-side { display: flex; flex-direction: column; justify-content: space-between; padding: 0px 4px;
} .content-side .pro-pricing { color: var(--bs-secondary); font-size: 16px; font-weight: 600; margin: 0px 2px 0px;
} .product-prev-sec .product-rev-wrap .cat-aside .cart-aside .card .card-body { width: 100%; position: sticky; top: 0; z-index: 998; height: 100%; overflow: auto;
} .product-prev-sec .product-rev-wrap .cat-aside .responsiv-cat-aside { width: 100%; position: sticky; top: 0; z-index: 998; height: 100%; overflow: auto;
} .product-prev-sec .product-rev-wrap .pro-sec .cart-product-list { max-height: calc(100vh - 84px); height: 100%; overflow: auto; z-index: 2; position: sticky;
} .product-prev-sec .product-rev-wrap .pro-sec .cart-product-list .card-header { top: 0px; position: sticky; background-color: #fff; margin-bottom: 32px;
} .content-side .pro-org-value { font-size: 12px; margin: 0px 7px; text-decoration: line-through; color: lightslategrey;
} .content-side .card-pro-dec { font-size: 14px; margin: 0;
} .reponsive-flex { display: flex; justify-content: space-between;
} .content-side .btn-content { /* margin: 10px 0px 0px !important; */ background: none; border: 1px solid var(--bs-primary); color: var(--bs-primary); font-size: 13px; font-weight: 500; line-height: 25px; width: 100%;
} /* .content-side .btn-content:hover { background-color: var(--active-menu);
} */ .extra-title { font-size: 16px; color: #121212;
} .content-side h4 { margin-bottom: 4px !important; transition: all 0.5s; font-size: 14px; line-height: 26px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 50px;
} .product-card-box { border: 1px solid #d7d7d7; padding: 10px; border-radius: 10px; transition: 0.2s linear; position: relative;
} /* All Theme header */
/* top-header */
.top-header { background-color: #fff; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 13px;
} .top-header a { color: #252525; padding-right: 11px;
} .header-social { display: flex; justify-content: flex-end; align-items: center;
} .social-icon { display: flex;
} .header-contact { display: flex; align-items: center;
} .responsive-main-header { display: none;
} /* banner */
.banner-bg { width: 100%; height: auto; object-fit: cover; } .banner-text { text-align: center; color: #fff; z-index: 1; position: relative; font-size: 42px;
} .cat-search { margin: 0 auto;
} .banner-content { display: flex; justify-content: center; align-items: center;
} /* .banner-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00000099;
} */ .business-title { text-align: center; margin: 0;
} .working-hours ul li { font-size: 16px; padding: 8px 0px;
} .modal-logo-image { max-width: 150px; max-height: 60px; object-fit: contain; border-radius: 8px;
} .logo-sec { position: relative; top: -45px;
} .logo-image { width: 110px;
} .logo img { background: #fff; border-radius: 8px; padding: 4px;
} .logo-sec .logo { display: flex; align-items: flex-end;
} .dropdown-lang { position: relative; display: inline-block; transition: all 0.3s ease-in-out 0s;
} .dropdown-content { visibility: hidden; position: absolute; background-color: #ffffff; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 9; transform: translateY(2px); transition: all 0.3s ease-in-out 0s;
} .dropdown-img { display: flex;
} .dropdown-img img { object-fit: contain; margin: 0px 5px;
} .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;
} .dropdown-content a:hover { background-color: #ddd;
} .dropdown-lang:hover .dropdown-content { visibility: visible; transform: translateY(8px);
} .social-icon i { padding-right: 12px;
} .product-main-sec2 { padding-top: 50px;
} .open-btn { border: none; padding: 5px 10px; border-radius: 5px; background-color: var(--bs-secondary); text-align: center; display: flex;
} .qty-input2 { border: 1px solid var(--bs-primary); flex-wrap: nowrap; padding: 5px; justify-content: space-between;
} .btn-enquir,
.btn-enquir:is(:hover, :focus, :active) { padding: 12px 24px; border-radius: 6px; background-color: #25D366 !important; color: #fff !important; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; text-transform: capitalize; margin: 0px; font-weight: 500;
} .qty-input2.small { border: 1px solid var(--bs-primary); flex-wrap: nowrap; padding: 5px; max-width: 120px;
} .qty-input2 input { border-radius: 0% !important; font-size: 16px; padding: 0; margin: 0; color: #121212; line-height: 20px; border: 0 !important; width: 56.4% !important; margin: 0px 5px !important;
} .cart-qty input { width: 60% !important;
} .change-qty:active { background: var(--bs-primary) !important;
} .qty-input2 .change-qty { margin: 0; font-size: 12px; height: 30px; width: 30px; font-weight: 500; color: #fff !important; border: 0; background: var(--bs-primary); border-radius: 6px !important; display: flex; align-items: center; justify-content: center;
} .cart-padding { padding: 0px 10px !important;
} .total-price { font-weight: 400;
} .pro-modal .sp-wrap { display: flex; justify-content: center; width: 100%; height: auto; border-radius: 10px; position: relative; border: 1px solid #121212; margin-bottom: 10px;
} .search-bar .search-btn { background: var(--bs-secondary); color: #fff; border-radius: 0%; border: none; padding: 13px;
} .modal .modal-dialog .modal-content .modal-body .business-sec .working-hours ul li p { margin: 0; font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
} /* All Theme Footer */
.footer-sec2 { background: #121212; /* padding-top: 50px; */ position: relative; z-index: 0; padding: 2.5em 0;
} .footer-sec2 p { font-size: 16px; color: #fff !important;
} .footer-sec2 .footer-content ul li { background: none; padding: 0; font-size: 20px;
} .footer-menu { display: flex; justify-content: center; gap: 1rem; padding: .5rem; flex-wrap: wrap;
} .footer-logo-image2 { width: 130px; margin-bottom: 15px;
} .footer-social a { text-align: center; line-height: 31px; font-size: 16px; color: #fff; display: flex;
} .footer-social li { background: none; padding: 0; font-size: 20px;
} .footer-sec2 .footer-header { margin-bottom: 17px; text-transform: uppercase;
} .contact ul li { display: flex; align-items: center; background: none; padding: 0;
} .contact ul li a { font-size: 17px; color: #bebebe; display: flex;
} .copy-right-sec { font-size: 15px; color: #fff; padding: 10px 0; border-top: 1px solid #fff; text-align: center; background-color: #121212;
} .contact ul li a i { width: 20px; text-align: center; color: #fff;
} .modal-footer .btn-store { padding: 9px 12px !important;
} .whatsapp-btn,
.whatsapp-btn:is(:hover, :focus) { border: 1px solid #25D366 !important; background-color: transparent !important; height: 35px; width: 35px; display: flex !important; align-items: center; justify-content: center;
} .whatsapp-btn i { color: #25D366 !important;
} .call-btn,
.call-btn:is(:hover, :focus) { border: 1px solid #2196f3 !important; background-color: transparent !important; height: 35px; width: 35px; display: flex !important; align-items: center; justify-content: center;
} .call-btn i { color: #2196f3 !important;
} .video-btn,
.video-btn:is(:hover, :focus) { border: 1px solid #B31312 !important; background-color: transparent !important; height: 35px; width: 35px; display: flex !important; align-items: center; justify-content: center;
} .video-btn i { color: #B31312 !important;
} .googlereview-btn,
.googlereview-btn:is(:hover, :focus) { border: 1px solid #feb63c !important; background-color: transparent !important; height: 35px; width: 35px; display: flex !important; align-items: center; justify-content: center;
} .googlereview-btn i { color: #feb63c !important;
} .btn-copy { max-width: 50px;
} .copy-btn { color: var(--bs-primary); border: 1px solid var(--bs-primary); height: 52px; width: 52px; display: flex; align-items: center; justify-content: center; font-size: 16px;
} .copy-btn:hover { color: var(--bs-primary); border: 1px solid var(--bs-primary);
} .modal-footer .add-btn { width: 170px; font-weight: 500; padding: 10px !important; font-size: 14px;
} .modal-footer .add-btn:focus { background-color: var(--bs-primary);
} /*--- Footer end ---*/
/* modal */
.modal-dec { padding-top: 20px; padding-bottom: 20px;
} .addone-sec { margin-bottom: 20px;
} .qty-input { border: 1px solid var(--bs-primary); border-radius: 4px; flex-wrap: nowrap;
} .qty-input .change-qty2 { margin: 0; padding: 8px; border-radius: 0px; font-size: 9px; line-height: 27px; background: none; font-weight: 500; color: var(--bs-primary) !important; border: 0;
} .cart-close-btn { padding: 0 !important; position: absolute; right: 15px; top: 11px; z-index: 1;
} .quantity__input { width: 10% !important;
} .modal-cart-btn { padding: 5px 15px; background: var(--bs-secondary); margin: 0 0 15px; color: #fff; font-size: 15px;
} .modal-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px;
} .pro-price { border: 1px solid; text-align: center; padding: 5px; margin: 5px; border-radius: 5px;
} .pro-price:hover { background: var(--bs-secondary); border-color: var(--bs-secondary); color: #fff;
} .pro-modal .pro-org-value { font-size: 16px; font-weight: 500; margin: 0px 7px; text-decoration: line-through; color: lightslategrey !important;
} .multi-img .item { border-radius: 6px; overflow: hidden;
} /* Order */
.order-success-img img { width: 100%; height: 400px; object-fit: contain;
} .order-main-sec { display: flex; justify-content: center; text-align: center;
} /* .shop-btn { border: none; padding: 15px; border-radius: 5px; text-align: center; color: #fff; background: var(--bs-secondary); margin-bottom: 25px;
} */ /* .copy-btn { background: var(--bs-secondary); color: #fff; border-radius: 0%; border: none; padding: 10px;
} */ .order-title { transform-origin: 0;
} /* .order-btn { border: 1px solid var(--bs-secondary); padding: 15px; border-radius: 5px; text-align: center; color: var(--bs-secondary); margin-bottom: 25px; background: none;
} */ /* Store close Modal */
.close-modal { background: none; border: none;
} .close-modal .modal-body .hidden-xs { color: #fff; font-size: 30px; animation: jump 1s linear alternate infinite;
} .responsive-col2 { width: 50%;
} .position { padding: 1.25rem 0;
} /* cart */
.cart-sec2 { padding-top: 60px;
} .cart-title { font-size: 36px; color: var(--primary-color); padding: 10px 0px; font-family: var(--primary-font); margin-bottom: 20px; line-height: 26px; font-weight: 600; text-transform: capitalize;
} .payment-title { color: #121212; padding: 0px 0px 10px; margin-bottom: 15px; font-size: 20px; line-height: 26px; font-weight: 400; border-bottom: 1px solid rgb(0 0 0 / 13%);
} .select-payment { color: #121212; padding: 0px 0px 10px; font-size: 20px; line-height: 26px; font-weight: 400; border-bottom: 1px solid rgb(0 0 0 / 13%); margin-bottom: 15px;
} .item-image img { object-fit: contain; border-radius: 10px; height: 108px;
} .item-info { display: flex;
} .item-box { border: 1px solid #e6e6e6; border-radius: 8px; padding: 15px;
} .sub-total { padding: 8px 16px;
} .sub-total span { font-weight: 500; font-size: 18px; color: #494949;
} .sub-total h6 { font-weight: 400;
} .total span { font-weight: 700; font-size: 18px;
} .quantity { display: flex; align-items: center; padding: 0;
} .product-qty { display: flex; justify-content: space-between;
} .product-qty .qty { align-items: center;
} .product-qty .change-qty { background: var(--bs-secondary); border: none !important; color: #fff; border-radius: 0 !important;
} .payment-sec { padding: 1rem; border: 1px solid #e6e6e6; border-radius: 8px;
} .yourcart-sec { padding: 15px 0px 0px;
} .pro-order { border: 1px solid; text-align: center; padding: 5px; border-radius: 5px; border: 1px solid #e6e6e6; position: relative;
} .delivery-option input[type=radio] { position: absolute; top: 0; left: 0; width: auto; opacity: 0; z-index: -1;
} .delivery-option { position: relative; padding: 15px; /* border: 1px solid #e6e6e6; */ border-radius: 8px;
} .delivery-option input[type=radio]:checked~.pro-order { color: var(--bs-secondary); transition: 0.3s; border: 1px solid #121212;
} .delivery-option input[type=radio]:checked~.pro-order h5 { color: var(--bs-secondary);
} .delivery-title h3 { font-size: 25px; line-height: 26px; font-weight: 400; margin: 20px 0px;
} .total { display: flex; justify-content: space-between; /* border-top: 2px dashed #000; */ margin: 15px 0px 0px; padding: 15px 0px;
} .total h6 { font-size: 17px; font-weight: 700; color: #121212;
} .form { display: none;
} .form.active { display: block
} .coupon-bar-item { padding: 0.7rem 1rem; width: 100%; background: var(--bs-secondary); border: none; border-radius: 0.25rem; color: #ffffff; font-weight: 600;
} .coupon-bar-item img { height: 22px; margin-right: 8px;
} .coupon { padding: 13px 13px 13px 13px; border-radius: 0.25rem;
} .coupon-group { display: flex; border: 1px solid #e6e6e6; border-radius: 4px;
} .coupon-group .apply-btn { background: none; color: #17b31b; border-radius: 0%; border: none; padding: 13px;
} .custom-control { display: flex; justify-content: center; align-items: center; padding: 0;
} .custom-control img { height: 30px;
} .promo-wrap input { margin: 0px 0px 20px;
} /* .card-shadow { border: 1px solid #e6e6e6;
} */ .customer-title { color: #121212; margin-bottom: 15px; font-size: 20px; line-height: 26px; font-weight: 400;
} /* .whatsapp-order .whatsapp-order-btn { background: var(--bs-secondary); color: #fff; border-radius: 8px; border: none; padding: 13px;
} */ .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.375rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none;
} .promo-code { background-color: #f8f9fa; padding: 10px;
} .promo-code .cuppon-image { width: 20px; height: 20px;
} .cuppon-text h5 { font-size: 16px;
} .cuppon-text { margin: 0px 5px;
} .cuppon-text p { font-size: 14px; font-weight: 300;
} .promo-code .cuppon-offer { font-size: 16px; line-height: 20px; white-space: nowrap; font-weight: 500; color: #17b31b; cursor: pointer;
} .available-cuppon .available-title { padding: 32px 0px 10px;
} .available-cuppon .sepreter-line { width: 64px; height: 4px; background: var(--bs-secondary);
} .coupon_codewrapper { position: relative; overflow: hidden;
} .coupon_codewrapper .coupon_circle1 { left: -6px; border: 1px solid var(--bs-secondary); height: 12px; width: 12px; background-color: #fff; position: absolute; top: 11px; border-radius: 50%; z-index: 1;
} .coupon_codewrapper .coupon_circle2 { right: -6px; border: 1px solid var(--secondary); height: 12px; width: 12px; background-color: var(--white); position: absolute; top: 11px; border-radius: 50%; z-index: 1;
} .coupon_codewrapper .coupon_couponcode { padding: 2px 12px; border: 1px solid var(--bs-secondary); border-radius: 2px; color: #121212;
} .coupon_codewrapper .coupon_text { font-size: 15px; line-height: 20px; font-weight: 500;
} .coupon-btn .apply-btn { background: none; color: #17b31b; border-radius: 0%; border: none; padding: 13px; margin: 0;
} .save-text { color: var(--bs-secondary); font-weight: 500; font-size: 15px; line-height: 16px; margin-bottom: 10px;
} .cod-text { line-height: 20px; font-size: 14px; font-weight: 400;
} .details-contet { list-style: disc !important; padding: 0px 0 0 20px;
} .delivery-title h5 { color: #121212; margin-bottom: 15px; font-size: 20px; line-height: 26px; font-weight: 400;
} .product-prev-sec .product-rev-wrap .cat-product .card-header h4,
.product-prev-sec .product-rev-wrap .recipe-card .card-header h4,
.product-prev-sec .product-rev-wrap .card-header h4,
.product-prev-sec .product-rev-wrap .cart-pro-head .card-header h4 { font-size: 22px; color: #121212; padding: 0px; margin-bottom: 5px; line-height: 26px; font-weight: 600; text-align: start;
} .pro-order img { width: 100%; height: 100px; object-fit: contain; position: relative; top: -20px;
} .pro-order h5 { position: absolute; top: 70px; right: 0; left: 0; bottom: 0; margin-bottom: 15px; font-size: 20px; line-height: 26px; font-weight: 400;
} .payment-side { position: relative; top: -57px;
} .customer-info { position: relative; padding: 1rem; /* border: 1px solid #e6e6e6; */ border-radius: 8px;
} .customer-info input[type=radio] { padding: 10px;
} .payment-check { padding: 14px; text-align: center; border-radius: 6px; border: 1px solid #e6e6e6; display: flex; align-items: center; gap: 1rem;
} .payment-check p { font-size: 16px;
} .customer-info input[type=radio]:checked~.payment-check { border: 1px solid;
} .store-close { position: sticky !important; top: 0; bottom: 0; background: red !important; color: #fff; text-align: center; margin: 0 !important; border: none; padding: 15px 0px; z-index: 9999; font-weight: 500; font-size: 16px; line-height: 24px;
} /* Theme - 5 */
/* .them-5img img { position: absolute; top: -55px; width: 120px; height: 120px; transition: 0.5s;
} */ .them-5img .testing-card { position: absolute; top: -55px; width: 100px; height: 100px; transition: 0.5s;
} .product-card-img img { position: absolute; top: -55px; width: 120px; height: 120px; transition: 0.5s;
} /* .product-card:hover { transform: scale(1.05);
} */ .them-5-card-body { margin-top: 50px;
} .product-card-main { padding: 100px 0px 0px 0px;
} .them-5-card { padding-top: 70px;
} .product-card { box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px; transition: 0.2s;
} .like-icon i { color: var(--primary-color); cursor: pointer;
} .them-5-card-title { font-size: 15px; font-weight: 600; font-family: var(--font-family); color: var(--secondary-color); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 35px;
} .them-5-card-subtitle { font-size: 14px; font-family: var(--font-family); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;
} .them-5-btn-hover { font-size: 15px; cursor: pointer; border: 1px solid black; background-color: #fff;
} /* .them-5-btn-hover:hover { background-color: var(--active-menu); color: #000 !important;
} */ .price { font-size: 15px; font-weight: 600;
} .theme-5-false-price { font-size: 12px; text-decoration: line-through; color: lightslategrey; line-height: 11px; margin: 0px 7px;
} .them-5-title { font-family: var(--font-family); font-size: 22px; font-weight: 500; padding: 15px 0px 12px 0px; color: #73d100;
} .scrolling-wrapper { display: none;
} .scrolling-wrapper { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; max-width: 100%; position: sticky; top: 0; z-index: 99; height: auto; background-color: var(--primary-color); } .scrolling-wrapper::-webkit-scrollbar { display: none;
} /* .card { display: inline-block; padding: 5px;
} */ .scrolling-wrapper-flexbox { display: flex; flex-wrap: nowrap; overflow-x: auto; } /* .card { flex: 0 0 auto;
} */ .scrolling-wrapper { -webkit-overflow-scrolling: touch;
} /* header cheng */
.drop-icon,
.dropdown-toggle::after { content:"";
} .header-drop-button { box-shadow: none !important;
} .header-dropdown-menu { top: 10px !important; left: -35px !important;
} .required { color: red;
} /* my-orders start */
.warning-icon i { height: 50px; width: 50px; background-color: rgba(255, 193, 7, .3); border-radius: 50%; font-size: 25px;
} .success-icon i { height: 50px; width: 50px; background-color: rgba(3, 161, 3, .3); border-radius: 50%; font-size: 25px;
} .danger-icon i { height: 50px; width: 50px; background-color: rgba(220, 53, 69, .3); border-radius: 50%; font-size: 25px;
} .text-start-pro { color: black; font-family: var(--font-family-poppins); font-weight: 600;
} .status-text-color-3 { color: #DC3545;
} .status-text-color-2 { color: #007a;
} /* my-orders end */ .active-menu { background-color: var(--bs-secondary) !important; color: white !important;
} .active-menu a { color: white !important; font-family: var(--font-family); font-weight: 500;
} /* kishor add css */
.eye-icon-box { width: 35px !important; height: 35px !important; display: flex; align-items: center; justify-content: center;
} .page-link { color: var(--bs-secondary) !important;
} .preparing-box-active { background-color: #ffc107 !important; color: white !important; border: 1px solid black !important;
} .preparing-box-active p { color: white !important;
} .completed-box-active { background-color: #28a745 !important; color: #fff; border: 1px solid black !important;
} .completed-box-active p { color: white !important;
} .rejected-box-active { background-color: #dc3545 !important; color: white !important; border: 1px solid black !important;
} .rejected-box-active p { color: white !important;
} .feature-box img { transition: 0.2s linear;
} .feature-box img:hover { transform: scale(1.1);
} /* card-them 1 hover start */
.pro-box img { transition: 0.2s linear;
} .pro-box:hover img { transform: scale(1.1);
} /* card-them 1 hover end */
/* card-them 2 hover start */ /* card-them 2 hover end */ /* card-them 2 hover start */
/* .product-card-box:hover { transform: scale(1.05);
} */ /* card-them 2 hover end */
/* footer-input start */
.footer-input { padding: 10px; border-radius: 23px;
} .subscribe-button { background-color: var(--bs-primary); color: #fff; height: 38px; border-radius: 23px; cursor: pointer;
} .footer-inpu,
.form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: none !important;
} .input-box-main { border-radius: 30px;
} /*-------- blog sec css --------*/ .blog-sec .card-text { font-size: 14px;
} .blog-sec .card-body p:first-child { font-size: 14px; font-weight: 600;
} .blog-card-border { border-radius: 15px;
} .box-shadow { box-shadow: 0 0px 10px rgb(182 186 203 / 30%);
} .icon-color { color: var(--bs-secondary);
} .blog-details .card .card-body p:first-child { font-size: 14px !important; font-weight: 400 !important;
} /* footer-input end */ /*===========================================================
================== EXTRA KISHOR START =======================
============================================================*/
.free-content h4 { font-size: 22px;
} .footer-circle-icon { padding-left: 12px;
} /* footer-header-text */
.footer-text-start { text-align: start;
} .form-subtitle { font-weight: 400 !important;
} .blog-titel { font-size: 22px; color: #121212; padding: 0px; margin-bottom: 5px; line-height: 26px; font-weight: 600; text-align: start;
} .cart-button-1 { padding: 5px 50px !important;
} .cart-promocodemodellable { border: 1px solid var(--bs-secondary); background-color: var(--active-menu); color: var(--primary-color) !important;
} .promocodemodellable-titel { font-size: 30px; font-weight: 600; font-family: var(--primary-font); text-align: start; margin: auto;
} .promocodemodellable-subtitel { font-size: 14px; text-align: start; margin: auto; width: 100%; margin-top: 10px;
} .language-dropdown { box-shadow: none !important; border: none;
} .language-dropdown-text { padding: 0px 10px 0px 10px !important; background-color: transparent !important; border: 1px solid var(--primary-color); } .dropdown-link { color: var(--primary-color) !important; font-weight: 400; font-family: var(--primary-font); } /* theme-3 */
.theme-3-titel { text-align: start; font-size: 22px; line-height: 26px; font-weight: 600;
} /* theme-4 */
.theme-4-title { text-align: start;
} /* theme-5 */
.theme-5-title { text-align: start;
} /* dekstop-tablet-mobile-language-dropdown */
.dekstop-tablet-mobile-language-dropdown { top: 5px !important; right: 0px !important;
} /*===========================================================
=================== EXTRA KISHOR END ========================
============================================================*/ .pwa { display: flex; align-items: center; justify-content: space-between; background-color: var(--bs-secondary); width: 100%; position: relative; padding: 15px 10px; color: #FFF;
} .pwa .mobile-install-btn { text-align: center; letter-spacing: 0.05em; font-size: 13px; line-height: 16px; border-radius: 4px; color: rgb(255, 255, 255); background: var(--bs-primary); border: none; padding: 6px 12px; transition: background 0.8s ease 0s; font-weight: 600;
} /*======================= update 23/08/2023 =======================*/ .lag-img { width: 20px !important; height: 20px !important; border-radius: 50%; object-fit: cover !important;
} .logo-h-55-px { height: calc(35px + (55 - 35) * ((100vw - 320px) / (1920 - 320)));
} .logo-110 { width: 110px;
} /* main header */ .main-sticky-top { /* position: absolute; top: 40px; */ right: 0; z-index: 10; left: 0;
} .inner-home { position: fixed; top: 0px; background-color: #fff;
} .inner-home .main-menu ul li a { color: #121212 !important;
} .main-header { background-color: #fff !important; background-image: none !important; border-bottom: 1px solid #ededed; transition: .2s all ease;
} .shopping-cart { position: relative;
} .main-header .cart-count { text-align: center; background-color: red; font-size: 11px; font-weight: 500; color: #fff; border-radius: 50%; height: 18px; width: 18px; line-height: 22px; position: absolute; top: -5px; right: -10px; transition: all 0.3s; display: flex; align-items: center; justify-content: center;
} .mobile-menu-footer .mobile-cart-count { text-align: center; background-color: red; font-size: 11px; font-weight: 500; color: #fff; border-radius: 50%; height: 18px; width: 18px; line-height: 22px; position: absolute; top: 0px; right: -10px; transition: all 0.3s; display: flex; align-items: center; justify-content: center;
} .left_10px { right: 10px !important;
} .main-header ul li a { color: #000; font-weight: 400; transition: .2s all ease; text-transform: capitalize;
} .main-header .fa-user { color: #000;
} .header-bg-white .fa-user { color: #121212;
} /*------ desktop menu-active ------*/
.menu-active { color: var(--bs-secondary) !important; font-weight: 600 !important;
} /*------ desktop menu-active ------*/ .logo-m { margin-right: 2rem;
} .logo-m-ltr { margin-left: 2rem;
} .main-header .main-menu ul li a:hover { color: var(--bs-secondary) !important;
} .header-bg-white { position: fixed; top: 0; animation: slideDown .5s ease; transition: .5s ease;
} @keyframes slideDown { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); }
} .header-bg-white .fa-bars-staggered { color: #121212 !important;
} .header-bg-white ul li a { color: #121212;
} .top-60px { top: 60px;
} .mobile-sidebar ul li { padding: 10px 0px; text-transform: capitalize; font-weight: 400; font-size: 14px;
} .mobile-sidebar ul li a { display: block;
} .footer-menu ul li a { color: #121212; font-weight: 400; transition: .2s all ease; text-transform: capitalize;
} .fs-7 { font-size: 14px;
} .fs-8 { font-size: 12px;
} .line-1 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
} .line-2 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
} .line-3 { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
} .mobile-menu-footer { width: 100%; background-color: #ffff; padding: 10px; position: fixed; bottom: 0; right: 0; left: 0; z-index: 99; display: none; border-top: 1px solid lightgrey;
} /* mobile-menu-footer */
.mobile-menu-footer ul { display: flex; align-items: center;
} .mobile-menu-footer ul li { width: 100%; text-align: center; position: relative; font-size: 10px;
} .mobile-menu-footer ul li a { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2px; color: #262834; font-weight: 400; text-transform: capitalize;
} .mobile-menu-footer ul li a i { font-size: 14px;
} /*------- mobile menu footer active -------*/
.mobile-menu-footer ul .mobile-active { color: var(--bs-secondary) !important; font-weight: 500; position: relative;
} .mobile-menu-footer ul .mobile-active::before { content:" "; width: 40px; height: 5px; transition: all 0.4s; background-color: var(--bs-secondary); position: absolute; top: -7px; left: 50%; transform: translateX(-50%); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;
} /*------- mobile menu footer active -------*/ .banner-subtext { z-index: 1; position: relative; text-align: center; color: #fff;
} .btn-danger,
.btn-danger:is(:hover, :focus, :active) { padding: 12px 24px; border-radius: 6px; background-color: var(--bs-danger) !important; color: #fff !important; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; text-transform: capitalize; margin: 0px; font-weight: 500;
} .btn-success,
.btn-success:is(:hover, :focus, :active) { padding: 12px 24px; border-radius: 6px; background-color: var(--bs-success) !important; color: #fff !important; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; text-transform: capitalize; margin: 0px; font-weight: 500;
} .btn-store,
.btn-store:is(:hover, :focus, :active) { padding: 12px 24px; border-radius: 6px; background-color: var(--bs-primary) !important; color: #fff !important; z-index: 1; position: relative; display: flex; justify-content: center; align-items: center; text-transform: capitalize; margin: 0px; font-weight: 500;
} .btn-store-outline,
.btn-store-outline:is(:hover, :focus, :active) { padding: 12px 24px; border-radius: 6px; z-index: 1; display: flex; justify-content: center; align-items: center; text-transform: capitalize; color: var(--bs-secondary) !important; background-color: transparent !important; border: 1px solid var(--bs-secondary) !important; font-weight: 500;
} .btn-delete:hover,
.btn-delete:focus,
.btn-delete:focus-visible { background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
} /* .btn-store-outline:hover,
.btn-store-outline:focus { background-color: var(--bs-secondary); color: white !important;
} */ .furniture_home .owl-item .item img { position: relative;
} .main-img-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; --bs-bg-opacity: .8; background-color: rgba(11, 10, 18), var(--bs-bg-opacity) !important;
} .furniture_home .owl-nav .owl-prev { position: absolute; top: 50%; left: 0%; transform: translateY(-50%) !important;
} .furniture_home .owl-nav .owl-next { position: absolute; top: 50%; right: 0%; transform: translateY(-50%) !important;
} .furniture_home .owl-nav .owl-next,
.furniture_home .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 14px !important; text-align: center !important; background-color: var(--bs-primary) !important; color: #fff !important; border-radius: 5px; margin: 0px 10px; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} .sale-label-on { padding: 5px 10px; border-radius: 50px; font-size: 10px; text-align: center; color: #fff; background-color: var(--bs-primary); font-weight: 500; width: fit-content; line-height: 12px;
} /*======= body scrolling =======*/ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5;
} ::-webkit-scrollbar { width: 3px; height: 4px; background-color: #F5F5F5;
} ::-webkit-scrollbar-thumb { background-color: var(--bs-secondary) !important;
} /*======= body scrolling =======*/ .social-rounded { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff !important; font-size: 12px;
} .fb { background: var(--bs-primary); color: #fff;
} .in { background: red; color: #fff;
} .tw { background: #55ACEE; color: #fff;
} .lin { background: #007bb5; color: #fff;
} /*-------- login css --------*/
/* .login-w { width: 450px !important;
} */ .mb25 { margin-bottom: 20px !important;
} .mt10 { margin-top: 10px;
} .or_section { display: flex; align-items: center;
} .or_section p { padding: 0 1rem;
} .line { flex: 1; border-bottom: 1px solid var(--bs-gray)
} .social-login { width: 22px;
} .label14 { font-size: 14px;
} input:focus { border-color: var(--bs-secondary) !important;
} .input-14 input { font-size: 14px !important;
} /* product view */ #viewproduct-over .carousel-control-next-icon,
#viewproduct-over .carousel-control-prev-icon { background-color: var(--bs-secondary); border-radius: 50%;
} #viewproduct-over .carousel-control-next-icon,
#viewproduct-over .carousel-control-prev-icon { background-size: 100% 50% !important;
} #viewproduct-over .pro-modal .custom-size input { width: 20px; height: 20px;
} #viewproduct-over .modal-dialog { max-width: calc(655px + (950 - 655) * ((100vw - 767px) / (1920 - 767)));
} .img-prev { width: 100%; height: 80px; transition: .2s all ease; object-fit: cover;
} /* .overflow-y-scroll { overflow-y: scroll !important; height: 445px; padding: 0px 5px !important;
} */ /* .overflow-y-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5;
} */ ::-webkit-scrollbar-thumb { background-color: gray;
} .prev-img { width: 90px; height: 90px;
} /*======= prev img active =======*/ .active-img { border: 2px solid #121212; border-radius: 5px; overflow: hidden;
} /*======= prev img active =======*/ #thumb_img img { float: left; max-width: 32%; width: 32%; cursor: pointer; margin-right: 2%; border: 2px solid #eee; box-sizing: border-box;
} #thumb_img img.active { border: 2px solid #cac6b8;
} /*---------------- cart ----------------*/
.qtu-width { width: 150px;
} .cart-table thead tr th:first-child { text-align: start;
} .cart-table thead tr th { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 700; color: #121212; border-bottom: 1px solid #eaeaea !important; padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 15px; background-color: #ddd; text-align: center;
} .cart-table thead tr th { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); font-weight: 700; color: #121212; border-bottom: 1px solid #eaeaea !important; padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) 15px; background-color: #ddd; text-align: center;
} .cart-table td { font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); color: #262834; font-weight: 500; vertical-align: middle; border-bottom-color: #ddd; padding: calc(15px + (10 - 15) * ((100vw - 320px) / (1920 - 320))) 10px; text-align: center; max-width: 300px;
} .cart-table td .product-detail { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
} .cart-table td .product-detail .pr-img { width: calc(80px + (110 - 80) * ((100vw - 320px) / (1920 - 320))); height: calc(80px + (105 - 80) * ((100vw - 320px) / (1920 - 320))); border-radius: 10px !important; overflow: hidden;
} .cart-table td .product-detail .details { width: calc(100% - calc(60px + (83 - 60) * ((100vw - 320px) / (1920 - 320)))); text-align: left;
} .card-sub-total-text { font-size: 20px; font-weight: 700;
} .product-detail li p,
.product-detail li a { font-size: 14px; font-weight: 400;
} .qty-input2 .change-qty-1 { margin: 0; font-size: 10px; height: 38px; width: 47px; font-weight: 500; color: #fff !important; border: 0; background: var(--bs-primary); border-radius: 6px !important; display: flex; align-items: center; justify-content: center;
} .qty-input2 .change-qty-2 { margin: 0; font-size: 10px; height: 28px; width: 40px; font-weight: 500; color: #fff !important; border: 0; background: var(--bs-primary); border-radius: 6px !important; display: flex; align-items: center; justify-content: center;
} .qty-input2 .change-qty-1:active { background: var(--bs-primary) !important;
} .product-detail .details li { list-style-type: none;
} .extra-variation-modal ul li { padding: 6px 12px;
} .p-12px { padding: 12px;
} .cp { cursor: pointer;
} /*--------- Payment Option css ---------*/ .form-check-input:checked { background-color: var(--bs-secondary); border-color: var(--bs-secondary); transition: .2s linear;
} .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.93552 4.58423C0.890286 4.53718 0.854262 4.48209 0.829309 4.42179C0.779553 4.28741 0.779553 4.13965 0.829309 4.00527C0.853759 3.94471 0.889842 3.88952 0.93552 3.84283L1.68941 3.12018C1.73378 3.06821 1.7893 3.02692 1.85185 2.99939C1.91206 2.97215 1.97736 2.95796 2.04345 2.95774C2.11507 2.95635 2.18613 2.97056 2.2517 2.99939C2.31652 3.02822 2.3752 3.06922 2.42456 3.12018L4.69872 5.39851L9.58026 0.516971C9.62828 0.466328 9.68554 0.42533 9.74895 0.396182C9.81468 0.367844 9.88563 0.353653 9.95721 0.354531C10.0244 0.354903 10.0907 0.369582 10.1517 0.397592C10.2128 0.425602 10.2672 0.466298 10.3112 0.516971L11.0651 1.25003C11.1108 1.29672 11.1469 1.35191 11.1713 1.41247C11.2211 1.54686 11.2211 1.69461 11.1713 1.82899C11.1464 1.88929 11.1104 1.94439 11.0651 1.99143L5.06525 7.96007C5.02054 8.0122 4.96514 8.0541 4.90281 8.08294C4.76944 8.13802 4.61967 8.13802 4.4863 8.08294C4.42397 8.0541 4.36857 8.0122 4.32386 7.96007L0.93552 4.58423Z' fill='white'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: 14px; background-position: center center; transform: scale(1.05);
} .contact-icon { width: 40px; height: 40px; background-color: var(--bs-secondary); font-weight: 600; border-radius: 5px; color: #fff; display: flex; align-items: center; justify-content: center;
} .steps-box { display: flex; align-items: center;
} .faq-accordion .accordion-header { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); border-left: 3px solid var(--bs-secondary) !important;
} .faq-accordion .accordion-button:not(.collapsed) { color: var(--bs-secondary); box-shadow: none !important;
} .faq-accordion .accordion-button { background-color: #fafafa; font-size: 16px; font-weight: 600;
} .faq-accordion .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: none !important;
} .faq-accordion .accordion-item .accordion-body { margin-top: 8px; font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))); background-color: #fff;
} /* Track Your Order css */ .track-title { font-size: 28px; font-weight: 500; line-height: 40px;
} .offers-label { color: var(--white); background: var(--bs-primary); width: auto; height: auto; cursor: pointer; z-index: 98; padding: 8px 17px; transform: rotate(270deg); display: flex; align-items: center; transition: .3s all ease;
} .offers-label-ltr { position: fixed; top: 50%; right: -44px; border-radius: 8px 8px 0 0;
} .offers-label-rtl { position: fixed; top: 50%; left: -44px; border-radius: 0 0 8px 8px;
} .offers-label-name { color: #fff; margin: 0px 10px; font-size: 18px; font-weight: 500; line-height: 28px;
} .coupons_card { background-color: var(--bs-primary) !important; border-radius: 6px; color: #fff; padding: 4px 11px; font-size: 14px;
} #offerslabel .card h5 { font-size: 16px;
} #offerslabel .card p { font-size: 12px;
} #offerslabel .card .card-body { padding: 8px;
} .hw-70-px { height: 70px; width: 70px;
} .table>:not(caption)>*>* { background-color: rgba(248, 249, 250, 1) !important;
} .mw-400 { max-width: 400px;
} /* search page css */
.search-left-img { height: 400px;
} .input-width { width: 82%;
} .read-btn { color: var(--bs-secondary);
} /*======== product-prev-sec ========*/ .title-and-image { display: flex; align-items: center; } .offers-w { max-width: 400px;
} /* order-success-sec css */
.order-success-sec { display: flex; align-items: center; justify-content: center; height: 100vh;
} .btn-whatsapp,
.btn-whatsapp:hover,
.btn-whatsapp:focus { background-color: #25D366 !important; color: #fff;
} .btn-telegram,
.btn-telegram:hover,
.btn-telegram:focus { background-color: #27A7E7 !important; color: #fff;
} .checkoutform-title { font-size: 18px; font-weight: 600; text-transform: capitalize;
} .settings-box-header { display: flex; align-items: center; justify-content: space-between;
} .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: none;
} .user-image { width: 60px; height: 60px; border-radius: 50%; overflow: hidden;
} .order-date,
.order-payment { font-size: 14px;
} .cat-check:hover { border-color: var(--bs-secondary); background-color: var(--bs-secondary-srg);
} /*--------- scrollbar css ---------*/
.sticky-top .menu-nav::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5;
} .sticky-top .menu-nav::-webkit-scrollbar { height: 5px; background-color: #F5F5F5;
} .sticky-top .menu-nav::-webkit-scrollbar-thumb { background-color: var(--bs-secondary);
} /*--------- scrollbar css ---------*/ .icon-position { height: 25px !important; width: 25px !important;
} .mt-6 { bottom: -60px;
} .vh-50 { height: 50vh;
} /* .mobile-category { transition: transform .5s ease-out !important; transform: translate(0, 100%) !important;
} */ .furniture_home .item.color::before { background: #00000099;
} /* .furniture_home .item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9;
} */
.catbox-arow { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; color: #121212;
} .cat-over { overflow: inherit !important;
} /* #catModal .modal-content::before { content: ''; border-top: 20px solid var(--bs-body-bg); border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
} */ .res-bg { background-color: var(--bs-primary); color: #fff; width: fit-content;
} .sale-heart { display: flex; align-items: center; justify-content: space-between; position: absolute; top: 10px; left: 0px; width: 100%; padding: 0px 10px; z-index: 2;
} .btn-Wishlist { width: 30px; height: 30px; background-color: var(--bs-danger) !important; color: #fff !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px;
} .btn-Wishlist2 { width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))); border: 1px solid var(--bs-danger) !important; background-color: var(--bs-danger); border-radius: 0px; display: flex; align-items: center; justify-content: center; color: var(--bs-white);
} .btn-Wishlist3 { width: 35px; height: 35px; border: 1px solid var(--bs-danger) !important; background-color: var(--bs-danger); border-radius: 5px; display: flex; align-items: center; justify-content: center; color: var(--bs-white);
} .rating-star { font-size: 14px; font-weight: 500;
} .btn-chart { width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))); background-color: #f5f5f5 !important; color: #000 !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px;
} /*----------- review-img -----------*/ .review-img { width: 60px; height: 60px; border-radius: 50px; display: block; overflow: hidden;
} .review_title { text-transform: capitalize; font-size: 14px; font-weight: 600;
} .review_subtitle { font-size: 14px;
} .review_date { text-transform: capitalize;
} .sec-title { text-align: start; font-size: 22px; text-transform: capitalize; font-weight: 600; line-height: 26px; color: #121212;
} .review_description { font-size: 14px; font-weight: 500; line-height: 22px;
} .store-review .owl-nav button { width: 30px; height: 30px; font-size: 14px !important; text-align: center !important; background-color: var(--bs-primary) !important; color: #fff !important; border-radius: 5px; margin: 0px 10px; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} .store-review .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -30px;
} .store-review .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: -30px;
} .avatar { height: 2rem; width: 2rem; display: inline-block !important; border-radius: 50px; overflow: hidden;
} .icon-md { width: auto; height: 1.4rem; font-size: 11px; display: flex; align-items: center; justify-content: center;
} .percentage { font-weight: 600; margin: 0px; color: #121212; font-size: 16px;
} .review-name { font-size: 14px;
} .review-date { font-size: 12px;
} .reviews-content { margin-top: 230px;
} .progress.progress-sm { height: 6px; background-color: #e9efec; border-radius: 3px;
} .bg-opacity-15 { --bs-bg-opacity: 0.15;
} .progress .progress-bar { position: relative; overflow: visible; border-radius: 0.5rem;
} .reviews-card { position: absolute; top: 55px; z-index: 9; width: 100%;
} /* app section */ .app-btn { height: 45px !important;
} /*------- back to top -------*/ /* #back-to-top { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; text-align: center; border-radius: 50%; transition: background-color .3s, opacity .5s, visibility .5s; z-index: 98; background-color: #fff; border: 1px solid #121212; cursor: pointer; animation: backstop 2s ease-in-out infinite;
} .back-to-top-ltr { position: fixed; bottom: 30px; right: 30px;
} .back-to-top-rtl { position: fixed; bottom: 30px; left: 30px;
} @keyframes backstop { 0% { transform: translatey(0px); } 50% { transform: translatey(-20px); } 100% { transform: translatey(0px); }
} */ /*----------- footer -----------*/ .footer_acceped_card li img { width: 36px;
} .btn-close:focus { outline: none !important;
} /*-------- whatsapp chat --------*/ .bg-msg { background-color: #E5DDD5;
} .wrapper { position: fixed; right: 33px; bottom: 180px; width: 300px; background-color: #fff; border-radius: 5px; opacity: 0; transition: all 0.4s; z-index: 98; visibility: hidden; overflow: hidden;
} .wrapper_rtl { position: fixed; left: 12px; bottom: 180px; width: 292px; background-color: #fff; border-radius: 5px; transition: all 0.4s; z-index: 99999; overflow: hidden; visibility: hidden; opacity: 0;
} .chat-btn_ltr { position: fixed; right: 20px; bottom: 100px; cursor: pointer;
} .chat-btn_rtl { position: fixed; left: 20px; bottom: 100px; cursor: pointer
} .chat-btn { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background-color: #25D366; color: #fff; font-size: 22px; border: none; z-index: 98;
} .whatsapp_icon_ltr { position: fixed !important; bottom: 40px !important; right: 70px !important; z-index: 98;
} .whatsapp_icon_rtl { position: fixed !important; bottom: 40px !important; left: 70px !important; z-index: 98;
} .chat-btn .close { display: none
} .chat-btn i { transition: all 0.9s ease
} #check:checked~.chat-btn i { display: block; pointer-events: auto; transform: rotate(180deg)
} #check:checked~.chat-btn .comment { display: none
} .chat-btn i { font-size: 26px; color: #fff !important
} #check:checked~.wrapper { opacity: 1; visibility: visible;
} #check:checked~.wrapper_rtl { opacity: 1; visibility: visible;
} .msg_header { padding: 1rem; background-color: #075E54; color: #fff;
} .msg_header h6 { margin: 0px; font-size: 16px;
} .chat-form { padding: 15px
} .chat-form input,
textarea,
button { margin-bottom: 10px
} .chat-form textarea { resize: none; height: 70px;
} .chat-form textarea:focus { border: 1px solid #dee2e6;
} .form-control:focus,
.btn:focus { box-shadow: none
} #check { display: none !important
} .ratio_square .bg-size:before { padding-top: 100%; content:""; display: block;
} .breadcrumb-sec { padding-top: 1rem; padding-bottom: 1rem; --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; margin-bottom: 20px;
} .breadcrumb-title { font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (1920 - 320))); color: var(--primary-color); text-align: center; font-weight: 600; text-transform: capitalize;
} .h-60px { height: 60px;
} .owl-carousel .owl-stage { display: flex; height: 100%;
} .w-20px { width: 20px !important;
} .btn-offer,
.btn-offer:hover,
.btn-offer:focus-visible,
.btn-offer:active { background-color: var(--bs-secondary) !important; color: #fff !important; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .z-9 { z-index: 9;
} .modal { --bs-modal-zindex: 99999;
} .btnapply,
.btnapply:is(:hover, :focus, :focus-visible, :active) { background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; color: #fff !important;
} .js-cookie-consent { position: fixed; left: 0; bottom: 0; margin-left: 30px; margin-right: 30px; margin-bottom: 20px; border-radius: 1rem; text-align: center; z-index: 9999999999; background-color: #fff;
} .max-w-7xl { max-width: 400px;
} .item-stock { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; z-index: 8; border-radius: 10px;
} .carousel-control-next,
.carousel-control-prev { opacity: 0.8 !important;
} .z-index-9 { z-index: 9;
} .language-dropdown .dropdown-menu.rtl { left: 0px !important; right: -130px !important;
} /*--------------------------------------------- theme-6
-----------------------------------------------*/ .sec-title-6 { border: medium none; width: auto; margin-bottom: 30px; padding: 0 0 0 0; color: black; font-family: 'Poppins', sans-serif; position: relative; font-weight: 700; font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320))); text-transform: capitalize !important; letter-spacing: 0; display: flex; align-items: center; justify-content: center;
} .sec-title-6 .dots { height: 8px; width: 8px; border-radius: 50%; background-color: var(--bs-secondary); display: block; margin: 0px 15px;
} /*-- feature-sec-6 --*/ .slick-dupe { margin-bottom: 24px;
} /*-- products --*/ .products-6 .category { background-color: var(--bs-secondary); padding: 14px; margin: 1.5rem 0rem;
} .products-6 .category .cat-title { font-size: 20px; font-weight: 600; margin: 0px; color: #fff;
} .product-grid-item { border: 1px solid #ddd; border-radius: 0px; height: 100%; position: relative; transition: all 0.3s linear; overflow: hidden;
} .products-6 .pro-6-img img { width: 100%; object-fit: cover; object-position: center; height: calc(200px + (400 - 200) * ((100vw - 320px) / (2560 - 320)));
} .products-6 .pro-6 .pro-6-title { font-size: 14px; cursor: pointer; font-weight: 600;
} .btn-cart,
.btn-cart:is(:hover, :focus, :active) { font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (2560 - 320))) !important; border-radius: 4px; cursor: pointer; background-color: var(--bs-primary) !important; color: #fff !important; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0px !important;
} .products-6 .pro-6 .sale-label-on { padding: 2px 10px; border-radius: 0px !important; font-size: calc(9px + (11 - 9) * ((100vw - 320px) / (1920 - 320))); text-align: center; color: #fff; background-color: var(--bs-secondary); font-weight: 500; z-index: 99; width: fit-content; place-items: center; display: grid; grid-template-rows: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
} .products-6 .pro-6 .card .card-body { padding: 10px;
} .products-6 .pro-6 .card .card-footer { padding: 10px; border: 0px; background-color: transparent;
} .products-6 .pro-6 .card .card-body .rating-star { font-size: 12px;
} .products-6 .pro-6 .card .card-footer .old-price { font-size: 12px; text-decoration: line-through; color: lightslategrey; line-height: 11px; margin: 0px 7px; padding-top: 5px;
} .products-6 .pro-6 .card .pro-like { transition: all 0.3s linear; width: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))); height: calc(25px + (30 - 25) * ((100vw - 320px) / (1920 - 320))); background-color: var(--bs-danger) !important; color: #fff !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer;
} /*-- in-stock --*/
.pro-4 .in-stock { position: absolute; bottom: 10px; right: 10px; background-color: #e6e6e6; padding: 2px 5px; border-radius: 6px;
} .pro-4 .out-stock { position: absolute; bottom: 10px; right: 10px; background-color: #e6e6e6; padding: 2px 5px; border-radius: 6px;
} .pro-8 .in-stock { position: absolute; bottom: 10px; right: 10px;
} .pro-9 .in-stock { position: absolute; top: 10px;
} .pro-8 .out-stock { position: absolute; bottom: 10px; right: 10px;
} .pro-9 .out-stock { position: absolute; top: 10px;
} .in-stock { display: flex; align-items: center; gap: .3rem; font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
} .in-stock-indicator-dot { height: 6px; width: 6px; border-radius: 50%; background-color: var(--in-stock);
} .in-stock-text { color: var(--in-stock) !important; font-size: 10px !important; font-weight: 500 !important; line-height: normal !important;
} /*-- out-stock --*/ .out-stock { display: flex; align-items: center; gap: .3rem; font-size: 12px;
} .out-stock-indicator-dot { height: 6px; width: 6px; border-radius: 50%; background-color: var(--out-stock) !important;
} .out-stock-text { color: var(--out-stock) !important; font-size: 10px !important; font-weight: 500 !important; line-height: normal !important;
} /*-- storereview-sec-6 --*/
.storereview-sec-6 { background-color: var(--bs-primary-srg)
} /*-- blog --*/
.blog-6-sec .card .card-body { padding: 20px;
} .blog-6-sec .card .title { color: #121212; font-size: 14px; font-weight: 600; letter-spacing: .4px; margin-bottom: 5px;
} .blog-6-sec .card .blog-created { padding: 0; margin-bottom: 0; font-size: 12px; font-weight: 400; color: #888; letter-spacing: .4px; text-transform: capitalize; width: 100%; position: relative;
} .blog-6-sec .card .description { line-height: inherit; font-size: 14px; letter-spacing: .4px; color: #212529bf; font-weight: 400; margin-top: 10px;
} .blog-6-sec .blog-6 { overflow: hidden;
} .blog-6-sec .owl-nav { display: flex; justify-content: space-between; width: 100%; position: absolute; top: 50%; transform: translateY(-50%);
} .blog-6-sec .owl-nav .owl-next,
.blog-6-sec .owl-nav .owl-prev { width: 40px; height: 40px; font-size: 16px; text-align: center !important; color: #121212 !important; border-radius: 5px; margin: 0px -60px; border: 1px solid var(--bs-secondary); display: flex; align-items: center; justify-content: center; transition: .4s all ease;
} .blog-6-sec .blog-6:hover .owl-nav button { margin: 0px 10px;
} .blog-6-sec .card .blog-6-img { position: relative; overflow: hidden;
} .blog-6-sec .card .post-image-hover { background: rgba(0, 0, 0, 0.4); transition: all 0.3s ease 0s; height: 100%; left: 0; top: 0px; position: absolute; width: 100%; display: flex; align-items: center; justify-content: center; opacity: 0;
} .blog-btn,
.blog-btn:is(:hover, :focus, :active) { background: var(--bs-secondary); color: #ffffff; font-size: 18px; display: grid; grid-template-columns: 45px; grid-template-rows: 45px; place-items: center; transition: all 0.5s ease 0s; line-height: 14px; border-radius: 4px; /* transform: scale(0); */
} .blog-6-sec .item .card:hover .blog-btn { transform: scale(1); transition: all 0.5s ease 0s;
} .blog-6-sec .card:hover .post-image-hover { opacity: 1;
} .blog-6-sec .card .blog-6-img img { transition: all 0.5s ease; border-radius: 0px !important;
} .blog-6-sec .item .card:hover .blog-6-img img { transform: scale(1.1); transition: all 0.5s ease;
} #animatedHeading .slick-dots { position: absolute !important; bottom: 40% !important; right: -10px !important; width: 0% !important; padding: 0 !important; margin: 0 !important; list-style: none !important; text-align: center !important; flex-direction: column !important; display: flex !important;
} #animatedHeading .slick-dots li button:before { font-size: 40px !important;
} .blog-6-sec .blog-2 .card .title { color: #121212; font-size: 16px; font-weight: 600; letter-spacing: .4px; margin-bottom: 5px;
} .blog-6 .owl-stage-outer { padding: 2px;
} /*---------------------------------------- theme-7 -----------------------------------------*/
.sec-title-7 { border: medium none; display: inline-block; margin: 0 0 30px 0; padding: 0px; color: #121212; position: relative; font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (2560 - 320))); font-weight: 600; text-transform: capitalize !important; letter-spacing: .5px; width: 100%;
} .pro-7-sec .nav-tabs { overflow: auto; display: flex; flex-wrap: nowrap; padding-bottom: 10px;
} /* .pro-7-sec .nav-tabs::-webkit-scrollbar { display: none;
} */ .pro-7-sec .nav-tabs::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #000;
} .pro-7-sec .nav-tabs::-webkit-scrollbar { height: 5px; background-color: var(--bs-primary);
} .pro-7-sec .nav-tabs::-webkit-scrollbar-thumb { background-color: var(--bs-secondary);
} .category-7 .slider { transform: scroll(calc(var(--i, 0)/var(--n)*-100%)); scroll-behavior: smooth;
} .sec-title-7::after { border-bottom: 2px solid #7d716b; content:""; display: block; margin-left: 0; text-align: center; margin: 20px auto 0; width: 70px; transition: all 0.5s ease 0s;
} .pro-7-sec .nav-tabs .nav-link { text-transform: capitalize; color: #121212; font-weight: 600; font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))); border: none; white-space: nowrap;
} .pro-7-sec .nav-tabs .nav-link:hover { background-color: transparent !important; border-bottom: 1px solid var(--bs-primary); border: none;
} .pro-7-sec .nav-tabs .nav-link:focus-visible { box-shadow: none;
} .pro-7-sec .nav-tabs .nav-link.active { background-color: transparent !important; color: var(--bs-secondary) !important; font-weight: 500; border: none;
} .pro-7-sec .nav-tabs .nav-link.active::after { border-bottom: 2px solid var(--bs-secondary); content:""; display: block; margin-left: 0; text-align: center; margin: 5px auto 0; width: 40px; transition: all 0.5s ease;
} .category-7 { position: relative; display: flex; align-items: center; justify-content: space-between; } .pre-btn,
.next-btn { max-width: 45px;
} #myTab .owl-nav button { background-color: #fff; height: calc(30px + (45 - 30) * ((100vw - 320px) / (2560 - 320))); width: calc(30px + (45 - 30) * ((100vw - 320px) / (2560 - 320))); display: flex; align-items: center; font-size: 16px; justify-content: center; user-select: none; border: 1px solid #121212; border-radius: 6px; color: #444; cursor: pointer; margin: calc(2px + (5 - 2) * ((100vw - 320px) / (2560 - 320)));
} #myTab .owl-nav .owl-prev { position: absolute; top: -85px; left: 0px;
} #myTab .owl-nav .owl-next { position: absolute; top: -85px; right: 0px;
} #myTab .owl-stage { display: flex; justify-content: center; height: 100%; margin: auto;
} /* product sell */ .pro-7-sec .pro-7 .card { overflow: hidden;
} .pro-7-sec .pro-7 .card .pro-rating { font-size: 13px; font-weight: 500;
} .pro-7-sec .pro-7 .card .title { font-size: 14px; text-decoration: none; font-weight: 600; text-transform: capitalize; line-height: 24px; letter-spacing: .5px;
} .pro-7-sec .pro-7 .card .pro-pricing { font-weight: 600; margin-bottom: 0; font-size: 15px; display: inline-block;
} .pro-7-sec .pro-7 .card .pro-pricing .old-price { font-size: 13px; display: inline-block; vertical-align: top; font-weight: 400; text-decoration: line-through; color: #888; padding-top: 2px;
} .pro-7-sec .pro-7 .card .pro-7-img { position: relative; max-height: 350px; overflow: hidden;
} .pro-7-sec .pro-7 .card .pro-7-img img { height: calc(200px + (350 - 200) * ((100vw - 320px) / (2560 - 320))); object-position: center; object-fit: cover;
} .pro-7-sec .pro-7 .card .pro-7-img .img-2 { position: absolute; top: 0px; left: -100%; opacity: 0; transition: all 0.5s ease;
} .pro-7-sec .pro-7 .card:hover .img-2 { opacity: 1; left: 0%; transition: all 0.5s ease;
} .pro-7-sec .pro-7 .card .offer-7 { padding: 2px 6px; font-size: calc(8px + (11 - 8) * ((100vw - 320px) / (1920 - 320))); text-align: center; color: #fff; background-color: var(--bs-secondary); font-weight: 400; letter-spacing: .61px; text-transform: capitalize; width: fit-content;
} .pro-7-sec .pro-7 .card .offer-7.rtl { position: absolute; top: 12px; left: 12px;
} .pro-7-sec .pro-7 .card .offer-7.ltr { position: absolute; top: 12px; right: 12px;
} .pro-7-sec .pro-7 .card .outer-functional { width: 100%; text-align: center; position: absolute; top: 45%; width: 100%; opacity: 0; display: flex; justify-content: center; gap: 10px; transition: all 0.5s ease; transform: scale(0); margin: 0px; padding: 0px;
} .pro-7-sec .pro-7 .card .outer-functional li button,
.pro-7-sec .pro-7 .card .outer-functional li a { display: grid; grid-template-columns: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320))); grid-template-rows: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); place-items: center; background-color: var(--bs-primary); color: #fff; cursor: pointer;
} .pro-7-sec .pro-7 .card:hover .outer-functional { opacity: 1; transform: scale(1); transition: all 0.5s ease;
} /*---------------------------------------------------- theme-8 ----------------------------------------------------*/
.sec-header .title-8 { text-transform: capitalize; font-weight: 600; font-size: 22px; line-height: 26px;
} .sec-header .title-8::after { border-bottom: 2px solid #e4a114; content:""; display: block; width: 70px; transition: all 0.5s ease 0s; padding-top: 7px;
} /*-- pro-8 --*/
.pro-theme-8 .owl-nav .owl-prev,
.pro-list-8 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -25px;
} .pro-theme-8 .owl-nav .owl-next,
.pro-list-8 .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: -25px;
} .pro-theme-8 .owl-nav button,
.pro-list-8 .owl-nav button { height: 30px !important; width: 30px !important; border: 1px solid var(--bs-primary) !important; background-color: var(--bs-primary) !important; border-radius: 3px; color: #fff !important; margin: 0px 5px;
} /* .pro-8 .owl-nav { position: absolute; top: -40px; right: 0;
} */ .pro-8 .sale-label-on.ltr { position: absolute; top: 12px; left: 12px; border-radius: 4px; z-index: 9;
} /*-- rtl css start --*/
.pro-8 .sale-label-on.rtl { position: absolute; top: 12px; right: 12px; border-radius: 4px; z-index: 9;
} /*-- rtl css end --*/ .pro-8 .item { padding: 10px;
} .pro-8 .card .pro-8-img { max-height: 300px; display: flex; justify-content: center; overflow: hidden;
} .pro-8 .card .pro-8-img img { height: calc(200px + (300 - 135) * ((100vw - 320px) / (2560 - 320))); object-fit: cover;
} .pro-8 .card .pro-8-list { width: 160px; height: 160px; overflow: hidden;
} .pro-8 .card .pro-8-list img { height: 160px; width: 160px; object-position: center; object-fit: cover;
} .pro-8 .card .pro-8-img .img-flip,
.pro-8 .card .pro-8-list .img-flip { position: absolute; top: 0; left: 0; transform: rotateY(-90deg); transition: all 0.5s ease;
} .pro-8 .card:hover .pro-8-img .img-flip,
.pro-8 .card:hover .pro-8-list .img-flip { transform: rotateY(0deg); transition: all 0.5s ease;
} .pro-8 .card .outer-functional { width: 100%; text-align: center; position: absolute; top: 35%; width: 100%; opacity: 0; display: flex; justify-content: center; gap: 10px; transition: all 0.5s ease; margin: 0px; padding: 0px;
} .pro-8 .card .outer-functional li button,
.pro-8 .card .outer-functional li a { display: grid; grid-template-columns: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320))); grid-template-rows: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320))); font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))); place-items: center; background-color: var(--bs-primary); color: #fff; border-radius: 4px;
} .pro-8 .card:hover .outer-functional { opacity: 1; top: 42%; transition: all 0.5s ease;
} .pro-8 .card .title { font-size: 14px; text-decoration: none; font-weight: 600; text-transform: capitalize; letter-spacing: .5px;
} .pro-8 .card .price { color: #121212;
} /*-- blog --*/
.blog-btn.blog-8 { margin-bottom: 50px;
} .blog-btn.blog-8-2 { margin-top: 50px;
} .blog-6-sec .item .card:hover .blog-btn { margin: 0px;
} /*-- theme-9 --*/
.title-9 { font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
} .pro-9 { position: relative;
} .pro-9 .wishlist { background-color: var(--bs-danger); color: var(--bs-white); border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer;
} .pro-9 .wishlist.ltr { position: absolute; top: 12px; right: 12px;
} .pro-9 .wishlist.rtl { position: absolute; top: 12px; left: 12px;
} .pro-9 .in-stock.ltr { position: absolute; top: 12px; left: 12px;
} .pro-9 .in-stock.rtl { position: absolute; top: 12px; right: 12px;
} .pro-9 .out-stock.ltr { position: absolute; top: 12px; left: 12px;
} .pro-9 .out-stock.rtl { position: absolute; top: 12px; right: 12px;
} .pro-9-add { border: none; padding: 8px 0; background-color: var(--bs-primary) !important; color: #fff !important; border-radius: 12px; font-size: 14px; font-weight: 500; line-height: 24px; width: 100%; display: block; text-align: center; bottom: 10px; margin: 0px 12px; display: none; transition: all .5s ease-in-out;
} .pro-9:hover .pro-9-add { display: block; transition: all .5s ease-in-out;
} .bottom-12 { bottom: 12px !important;
} .pro-9-img,
.pro-9-list { position: relative;
} .pro-9-img img { border: 1px solid #e6e6e6; height: 400px; object-fit: cover;
} .pro-9-list img { border: 1px solid #e6e6e6; height: 160px; width: 160px; object-fit: cover;
} .pro-9:hover .pro-9-img,
.pro-9:hover .pro-9-list { border-radius: 18px; transition: all .4s ease-in-out; box-shadow: 0 4px 20px rgba(26, 24, 30, .16); overflow: hidden;
} .pro-9:hover .pro-9-img img,
.pro-9:hover .pro-9-list img { border: none;
} .pro-9 .title { font-size: 14px;
} .pro-9 .discount { color: var(--bs-secondary); font-size: 14px;
} .pro-9 .old-price { font-size: 12px; text-decoration: line-through; color: lightslategrey; line-height: 11px; margin: 0px;
} .product-sec2 section:nth-child(odd) { background-color: #fafafa; padding-top: 1rem; padding-bottom: 1rem;
} .card-rounded { transition: all .4s ease-in-out;
} .card-rounded:hover { border-radius: 18px !important; transition: all .4s ease-in-out; box-shadow: 0 4px 20px rgba(26, 24, 30, .16);
} .blogs-8 .owl-stage-outer { padding: 0px 6px 18px 6px;
} /*--------------------------------------------------- Theme-10
---------------------------------------------------*/ /*-- theme-10 header-10 css --*/ .header-10-bg { background: var(--bs-primary);
} .header-10 { padding-top: calc(70px + (60 - 70) * ((100vw - 320px) / (1920 - 320))) !important;
} .header-10 .title { font-size: 28px; font-weight: 600; margin-bottom: 3px;
} .header-10 .sub-title { font-size: 18px; margin-bottom: 8px;
} .header-10 .call { color: #767676; font-weight: 400;
} /*-- theme-10 product css --*/ .card-10 { width: 100%; display: block; border: 1px solid #121212; border-radius: 6px; padding: 15px 20px !important; text-align: center;
} /*-- Responsive css --*/
@media only screen and (min-width: 769px) { .mb-40px { margin-bottom: 40px; }
} /* ======== jenish extra css product detail ======== */ .box-shadow-none { box-shadow: none !important;
} /* ------------------------------------------ */ .product_detail_imgbox { width: 100%; height: 600px; overflow: hidden;
} #thumbs { display: flex; justify-content: space-between; align-items: center; padding: 10px 0px; background-color: #fff; transition: .5s ease; border-bottom: 1px solid lightgray;
} .product_detail_option img { width: 85px !important; height: 85px !important; border-radius: 5px !important; object-fit: cover; object-position: top; cursor: pointer;
} #thumbs .active { border: 2px solid var(--bs-secondary);
} .img-test { width: 100%; height: 120px;
} #carouseltest img { height: auto; object-fit: cover;
} #carouseltest .carousel-control-next-icon,
#carouseltest .carousel-control-prev-icon { width: 40px; height: 40px; font-size: 14px !important; text-align: center !important; background-color: var(--bs-primary) !important; color: #fff !important; border-radius: 5px; margin: 0px 10px; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} #carouseltest .carousel-control-next-icon,
#carouseltest .carousel-control-prev-icon { background-size: 100% 20%; color: #000 !important;
} .carousel-item { overflow: hidden;
} .topdeals-text { color: var(--bs-primary) !important;
} .border-primary { border-color: var(--bs-primary) !important;
} .offer-price { font-size: 12px;
} #preview-img .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: 0px; margin: 0px 10px;
} #preview-img .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; margin: 0px 10px;
} /*------------ Product Thumb Zoom ------------------*/
.sp-loading { text-align: center; max-width: 270px; padding: 15px; border: 5px solid #eee; border-radius: 3px; font-size: 12px; color: #888;
} /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; position: relative; width: 100%;
} /* Thumbnails */
.sp-thumbs { text-align: left; display: flex; align-items: center; justify-content: center;
} .sp-thumbs img { min-height: 50px; min-width: 50px; max-width: 50px;
} .sp-thumbs a:link,
.sp-thumbs a:visited { width: 90px; height: 90px; overflow: hidden; opacity: .3; display: inline-flex; background-size: cover; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; align-items: center; justify-content: center; padding: 4px; border: 1px solid #eceef5; margin: 2px; border-radius: 4px;
} .sp-thumbs a:hover { opacity: 1;
} /* Styles for the currently selected thumbnail */ .sp-thumbs a:active,
.sp-current { opacity: 1 !important; position: relative;
} /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0;
} .sp-large a img { width: 100%; height: auto; border: 1px solid #000; border-radius: 20px;
} .sp-large a { display: block;
} .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 500; display: none; cursor: pointer;
} .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid #fff;
} #sp-prev,
#sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s;
} #sp-prev { left: 10px;
} #sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px;
} #sp-next { right: 10px;
} #sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid #fff; position: absolute; top: 16px; left: 18px;
} #sp-prev:hover,
#sp-next:hover { background: #444;
} /* Tweak styles for small viewports */ @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: auto; margin-top: 0; bottom: 25px; }
} #pills-additional_info ol li { list-style: auto;
} #pills-additional_info ul li { list-style: disc;
} #pills-description ol li { list-style: auto;
} #pills-description ul li { list-style: disc;
} .privacy-policy ol li { list-style: auto;
} .privacy-policy ul li { list-style: auto;
} .checkbox-inline input { display: none
} .size-variation .checkbox-inline { padding: 6px 15px; border: 1px solid var(--bs-secondary); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 15px; color: var(--bs-primary); border-radius: 6px;
} .active { border-color: var(--bs-primary) !important; color: #000 !important; font-weight: 600;
} .product-variations-wrapper .active { border-color: var(--bs-primary) !important; background-color: var(--bs-primary); color: #fff !important;
} .badge.text-bg-primary { background-color: var(--bs-primary) !important;
} .bg-primary { background-color: var(--bs-primary) !important;
} .bg-gray { background-color: #f5f5f5;
} .prod-social { background-color: var(--bs-primary); color: #fff; height: 30px; width: 30px; display: flex; justify-content: center; align-items: center; border-radius: 50%;
} /* checkout page */
.offer-input { padding: 12px !important;
} /* Qnt add button height */
.hight-modal-btn { height: 100%;
} /* breadcrumb css */
ol.breadcrumb { margin-bottom: 0px !important;
} .carousel-control-next-icon { background-image: none !important;
} .carousel-control-prev-icon { background-image: none !important;
} .btn-category { font-size: 16px; font-weight: 500; color: var(--bs-primary);
} .blur { filter: blur(10px); transition: filter 0.1s ease-in-out;
} .btn.btn-age { border-radius: 6px; background-color: var(--bs-primary) !important; color: #fff !important; padding: 12px 10px;
} .btn.btn-age-outline { border-radius: 6px; background-color: transparent !important; border: 1px solid var(--bs-primary) !important; color: var(--bs-primary) !important; padding: 12px 10px;
} /* ================ Dhruvil Desai Extra Css start ================ */
.fw-600 { font-weight: 600;
} .eapps-countdown-timer-container { width: 100%; display: flex; justify-content: center; align-items: center;
} .eapps-countdown-timer-position-bar .eapps-countdown-timer-header-title-text { display: -webkit-box; overflow: hidden; word-wrap: break-word; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 2.9em;
} #eapps-countdown-timer-1 .eapps-countdown-timer-button { font-size: 12px; padding: 10px 32px; border-radius: 2px;
} #eapps-countdown-timer-1 .eapps-countdown-timer-button { color: #fff;
} #eapps-countdown-timer-1 .eapps-countdown-timer-button { background-color: var(--bs-secondary);
} .eapps-countdown-timer-position-bar .eapps-countdown-timer-button { font-size: 13px; font-weight: 700; line-height: 15.3px; padding: 8px 24px; margin-top: 0 !important;
} .eapps-countdown-timer-button { font-size: 16px; line-height: 1.2; text-align: center; text-decoration: none; padding: 12px 32px; border-radius: 6px; font-weight: 700; white-space: nowrap;
} .eapps-countdown-timer-position-bar .eapps-countdown-timer-inner { flex-direction: row; align-items: center; justify-content: center; width: 100%; outline: 0;
} #eapps-countdown-timer-1.eapps-countdown-timer,
#eapps-countdown-timer-1 .eapps-countdown-timer-inner { color: var(--bs-secondary);
} #eapps-countdown-timer-1.eapps-countdown-timer-style-blocks .eapps-countdown-timer-item-value { background-color: var(--bs-secondary);
} #eapps-countdown-timer-1.eapps-countdown-timer-style-outline.eapps-countdown-timer-style-blocks .eapps-countdown-timer-item-value,
#eapps-countdown-timer-1.eapps-countdown-timer-style-outline.eapps-countdown-timer-style-blocks .eapps-countdown-timer-item-value .eapps-countdown-timer-item-value-base { background-color: transparent; color: var(--bs-secondary);
} #eapps-countdown-timer-1.eapps-countdown-timer-style-blocks .eapps-countdown-timer-item-value { color: #FFF;
} #eapps-countdown-timer-1 .eapps-countdown-timer-item-group-label { color: var(--bs-secondary); font-weight: 500;
} #eapps-countdown-timer-1 .eapps-countdown-timer-header-title,
#eapps-countdown-timer-1 .eapps-countdown-timer-bar-close { color: rgb(255, 255, 255);
} #eapps-countdown-timer-1 .eapps-countdown-timer-button { color: #FFF;
} #eapps-countdown-timer-1.eapps-countdown-timer { background-color: rgb(0, 0, 0);
} #eapps-countdown-timer-1 .eapps-countdown-timer-button { font-size: 14px; font-weight: 500; padding: 14px 32px; border-radius: 2px;
} #eapps-countdown-timer-1 .eapps-countdown-timer-item-value { font-size: 16px; font-weight: 600; line-height: 26px; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; border-radius: 3px;
} #eapps-countdown-timer-1 .eapps-countdown-timer-item-group-label { font-size: 14px;
} .eapps-countdown-timer-item-group { height: 60px; width: 60px; display: flex; flex-direction: column;
} .background-black { background-color: #000;
} /*====================== join model start ======================*/
.newslatter-img { height: 450px;
} .subscribe-title { font-size: 30px; font-weight: 600;
} #NewsModal .btn-close { position: absolute; right: 2%; top: 5%;
} .form-select:focus { box-shadow: none !important;
} /* ================ QUICH CALL ================ */ .quick_call { position: fixed; right: 33px; bottom: 95px; width: 300px; background-color: #fff; border-radius: 5px; opacity: 0; transition: all 0.4s; z-index: 500; visibility: hidden; overflow: hidden;
} .quick_call_rtl { position: fixed; left: 33px; bottom: 95px; width: 300px; background-color: #fff; border-radius: 5px; transition: all 0.4s; z-index: 500; overflow: hidden; visibility: hidden; opacity: 0;
} @media (min-width: 200px) and (max-width: 991px) { .quick-btn_ltr, .quick-btn { bottom: 90px !important; } .quick_call_rtl, .quick_call { bottom: 170px !important; right: 7px; } #sales-booster-popup .sales-booster-popup-inner { padding: 15px; } #sales-booster-popup { bottom: 100px; } } .quick-btn_ltr { position: fixed; right: 20px; bottom: 20px; cursor: pointer;
} .quick-btn_rtl { position: fixed; left: 20px; bottom: 20px; cursor: pointer
} .quick-btn { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background-color: var(--bs-primary); color: #fff; font-size: 16px; border: none; z-index: 500; /* transition: all .5s ease-in-out; */
} .quick-btn .close { display: none
} .quick-btn i { /* transition: all 0.9s ease */
} #quick_call:checked~.quick-btn i { display: block; pointer-events: auto; transform: rotate(180deg)
} #quick_call:checked~.quick-btn { padding: 10px; /* transition: all .4s ease-in-out; */
} #quick-btn.expanded { width: 50px; /* animation: widtgg .5s ease-in-out; */
} @keyframes widtgg { 0% { width: 150px; }
} #quick_call:checked~.quick-btn .comment { display: none
} .quick-btn i { font-size: 26px; rotate: 90deg; color: #fff !important
} #quick_call:checked~.quick_call { opacity: 1; visibility: visible; /* transition: all .4s ease-in-out; */
} #quick_call:checked~.quick_call_rtl { opacity: 1; visibility: visible;
} .call_info { padding: 1.5rem; display: grid; justify-content: center;
} .call_info h6 { margin: 0px; font-size: 18px; font-weight: 700; text-align: center;
} .caller_img { height: 70px; width: 70px; object-fit: cover; border-radius: 50%; margin-bottom: 10px;
} #quick_call { display: none !important
} /* ======================== jenish css end ======================== */ /*====================== join model end ======================*/ .breadcrumb-item.rtl+.breadcrumb-item::before { float: right !important; padding-left: var(--bs-breadcrumb-item-padding-x) !important; padding-right: unset !important;
} .breadcrumb-item+.breadcrumb-item.rtl::before { float: right; padding-left: var(--bs-breadcrumb-item-padding-x); padding-right: 0px; color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/");
} .breadcrumb-item+.breadcrumb-item.rtl { padding-right: var(--bs-breadcrumb-item-padding-x); padding-left: 0px;
} /* ====================dhruvil desai=================== */ .form-select:focus { border-color: var(--bs-secondary); outline: 0;
} .fillter-btn { width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: var(--bs-primary);
} .accordion-button::after { margin: 0px !important;
} #sales-booster-popup .sales-booster-popup-inner img { width: 70px; height: 70px;
} #sales-booster-popup { position: fixed; left: 20px; bottom: 20px; font-size: 1rem; background: #fff; z-index: 9999999999; max-width: 400px; width: calc(100vw - 40px); box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1); transition: all .3s ease-in-out;
} /* rtl class */
#sales-booster-popup.rtl { right: 20px; left: unset;
} #sales-booster-popup .close { margin: 10px; color: #888; cursor: pointer; line-height: 1; z-index: 1; display: inline-flex; align-items: center; justify-content: center;
} #sales-booster-popup .sales-booster-popup-inner { display: flex; align-items: center; padding: 0px;
} #sales-booster-popup .heading { font-size: 15px; font-weight: 600; color: #000000; margin-bottom: 5px;
} #sales-booster-popup .info { font-size: 0.8rem; color: #555; margin-bottom: 5px;
} #sales-booster-popup .read-more { font-size: 13px; font-weight: 500;
} .pos-absolute.right,
.pos-fixed.right { right: 0;
} .pos-absolute.left,
.pos-fixed.left { left: 0;
} .pos-absolute.top,
.pos-fixed.top { top: 0;
} .pos-absolute { position: absolute;
} #sales-booster-popup.animation-slide_right:not(.loaded) { transform: translateX(-30px);
} /* rtl class */
#sales-booster-popup.animation-slide_right.rtl:not(.loaded) { transform: translateX(30px) !important;
} #sales-booster-popup:not(.loaded) { opacity: 0; visibility: hidden; transition: 0.5s ease-in-out;
} .blink_me { animation: blinker 2s linear infinite;
} @keyframes blinker { 50% { opacity: 0; }
} /* bluer effect */
.blurred { filter: blur(5px); /* Adjust the blur level as needed */ transition: filter 0s; /* Add a smooth transition effect */
} .fw-500 { font-weight: 500;
} .fs-15 { font-size: 15px !important;
} .fs-13 { font-size: 13px !important;
} .dashboard-section th { padding: 15px; color: #232323; border-bottom: 1px solid #eeeeee; text-align: center; vertical-align: middle; background-color: transparent;
} .dashboard-section td { padding: 15px; color: #232323; border-bottom: 1px solid #eeeeee; font-weight: 500; text-align: center; vertical-align: middle; background-color: transparent;
} .bg-cancelled { color: #dc3545; background-color: #dc35451a; border: 1px solid rgba(220, 53, 69, .541);
} .custom-badge { padding: 7px 12px; font-size: 12px; font-weight: 600; letter-spacing: .7px;
} /* =========credit and debit start ======= */
.bg-completed { color: #2f8733; background-color: #2f87331a; border: 1px solid rgba(47, 135, 51, .5411764706);
} .btn-green { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; border-radius: 6px; background-color: var(--bs-success) !important; color: #fff !important;
} /* =========credit and debit start ======= */ .recharge_payment_option .card-content-wrapper { border-radius: 8px; padding: 10px 15px; box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.04); transition: 200ms linear; cursor: pointer;
} .payment_option_img { width: 40px; height: 40px;
} .recharge_payment_option .check-icon { width: 20px; height: 20px; display: inline-block; border: solid 2px #e3e3e3; border-radius: 50%; transition: 200ms linear; position: relative;
} /* .recharge_payment_option input[type=radio]:checked+.card-content-wrapper { box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px var(--bs-secondary);
} */ .newslatter-img { height: 450px;
} .subscribe-title { font-size: 32px; font-weight: 700;
} #NewsModal .btn-close { position: absolute; right: 2%; top: 5%;
} .newsletter-btn { padding: 12px 0;
} .form-check-input:focus { box-shadow: none !important;
} .timmer-bg { background-color: #F5F5F5 !important;
} .btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-primary); border-color: var(--bs-btn-active-border-color);
} input { font-size: 14px;
} .mobile-icon { width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; color: var(--bs-primary); background-color: var(--bs-secondary);
} .number-verification { width: 34px; height: 34px; display: flex; justify-content: center; align-items: center; border-radius: 50%; font-size: 16px; font-weight: 700; color: #fff; background-color: var(--bs-secondary);
} .rounded-border-start { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; border-top-left-radius: 0rem !important; border-bottom-left-radius: 0rem !important;
} .rounded-border-end { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; border-top-right-radius: 0rem !important; border-bottom-right-radius: 0rem !important;
} .offcanvas { z-index: 99999999999 !important;
} .progress-bar i { background-color: #000; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 50%;
} .progress-bar { overflow: visible !important; text-align: end;
} .progress { overflow: visible !important;
} .glyphicon { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter:"FlipH";
} /* ================================== Dhruvil theme-11 start =========================================== */
.category-book { font-weight: 600 !important; position: relative; transition: all 2s linear; border: 2px solid var(--bs-primary) !important;
} .category-book p { color: var(--bs-primary) !important;
} .category-book a::after { content:""; top: 0; left: 0; width: 100%; height: 0%; position: absolute; transition: all 0.5s linear; opacity: 0.5; background-color: var(--bs-secondary) !important;
} .category-book a:hover::after { content:""; top: 0; left: 0; width: 100%; height: 100%; position: absolute; transition: all 0.5s linear; opacity: 0.5; background-color: var(--bs-secondary) !important;
} .category-book a p { color: #FFF;
} .btn-outline-primary { --bs-btn-color: var(--bs-primary) !important; --bs-btn-border-color: var(--bs-primary) !important; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--bs-primary) !important; --bs-btn-hover-border-color: var(--bs-primary) !important; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--bs-primary) !important; --bs-btn-active-border-color: var(--bs-primary) !important; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--bs-primary) !important; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--bs-primary) !important; --bs-gradient: none
} .theme-11-card .sale-heart .btn-cart { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 14px; border-radius: 50%; color: var(--bs-secondary) !important; background-color: #fff !important;
} .theme-11-card .sale-label-on { padding: 7px 8px; border-radius: 0px; font-size: 13px; text-align: center; color: #fff; background-color: var(--bs-secondary); font-weight: 500; width: fit-content; position: absolute; line-height: 12px; left: 0px; top: 0; z-index: 1;
} .theme-11-card .sale-label-on-rtl { padding: 7px 8px; border-radius: 0px; font-size: 13px; text-align: center; color: #fff; background-color: var(--bs-secondary); font-weight: 500; width: fit-content; position: absolute; line-height: 12px; right: 0px; top: 0; z-index: 1;
} .theme-11-card .pro-box:hover img { transform: scale(1) !important;
} .theme-11-card .pro-box { position: relative;
} .bg-secondary { background-color: var(--bs-secondary) !important;
} .theme-11-testimonial .fa-quote-right { top: 100px; font-size: 70px; right: 40px; color: var(--bs-primary) !important; opacity: 0.2;
} .theme-11-testimonial .fa-quote-left { top: 100px; font-size: 70px; left: 40px; color: var(--bs-primary) !important; opacity: 0.2;
} .theme-11-testimonial .review-img img { width: 60px !important; height: 60px !important;
} .theme-11-testimonial .review-img { width: 60px !important; height: 60px !important;
} .theme-11-testimonial .item { padding: 0px 2px;
} /* ================================== Dhruvil theme-11 end =========================================== */
/* ================================== Dhruvil theme-12 start =========================================== */ .product-sec2.theme-12 section:nth-child(odd) { background-color: #000000; padding-top: 1rem; padding-bottom: 1rem;
} .product-sec2.theme-12 section:nth-child(odd) h2 { color: #fff; font-weight: 600;
} .card__data .in-stock-text,
.card__data .out-stock-text { font-size: 13px !important;
} .card__data .old-price { font-size: 13px; font-weight: 500;
} .text-bg-primary { background-color: var(--bs-primary) !important;
} .card__article { position: relative; overflow: hidden;
} .card__article img { height: 350px; object-fit: cover; object-position: center;
} .card__data { width: 90%; background-color: #fff; box-shadow: 0 8px 24px hsla(0, 0%, 0%, .15); border-radius: 1rem; position: absolute; bottom: -6rem; left: 0; right: 0; margin-inline: auto; opacity: 0; transition: opacity 1s 1s;
} .card__description { font-size: 16px; font-weight: 600; margin-bottom: .25rem;
} .card__title { font-size: var(--h2-font-size); font-weight: 500; color: var(--title-color); margin-bottom: .75rem;
} .card__button { text-decoration: none; font-size: var(--small-font-size); font-weight: 500; color: var(--first-color);
} .card__button:hover { text-decoration: underline;
} /* Naming animations in hover */
.card__article:hover .card__data { animation: show-data 1s forwards; opacity: 1; transition: opacity .3s;
} .card__article:hover { animation: remove-overflow 2s forwards;
} .card__article:not(:hover) { animation: show-overflow 2s forwards;
} .card__article:not(:hover) .card__data { animation: remove-data 1s forwards;
} /* Card animation */
@keyframes show-data { 50% { transform: translateY(-10rem); } 100% { transform: translateY(-7rem); }
} @keyframes remove-overflow { to { overflow: initial; }
} @keyframes remove-data { 0% { transform: translateY(-7rem); } 50% { transform: translateY(-10rem); } 100% { transform: translateY(.5rem); }
} @keyframes show-overflow { 0% { overflow: initial; pointer-events: none; } 50% { overflow: hidden; }
} /*=============== BREAKPOINTS ===============*/
/* For small devices */
/* For medium devices */
@media screen and (min-width: 768px) { .card__container { grid-template-columns: repeat(2, 1fr); column-gap: 1.5rem; }
} /* For large devices */
@media screen and (min-width: 1120px) { .card__container { grid-template-columns: repeat(3, 1fr); } .card__img { width: 348px; }
} .testimonial-area { padding: 75px 80px 82px 100px; background-image: url('testimonial-bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center;
} .testimonial-area img { width: 100px !important; height: 100px !important; border-radius: 50%; object-fit: cover; object-position: center;
} .testimonial-area .icons-review { color: var(--bs-primary) !important; font-size: 30px;
} .store-review-12 .owl-nav button { width: 30px; height: 30px; font-size: 14px !important; text-align: center !important; background-color: var(--bs-primary) !important; color: #fff !important; border-radius: 5px; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} .store-review-12 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -30px;
} .store-review-12 .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: -30px;
} .store-review-12.owl-carousel .owl-nav.disabled { display: block !important;
} /* ========================================= Dhruvil theme-12 End ========================================= */ /* ================================== Dhruvil theme-13 start =========================================== */ .theme-13-card .pro-6-img { width: 130px; height: 130px;
} .theme-13-card .pro-6-img img { width: 130px; height: 130px; object-fit: cover; object-position: center;
} .theme-13-card .sale-label-on { position: absolute; right: -22px; top: 13px; width: 97px; z-index: 1; rotate: 45deg; padding: 6px 20px !important; font-size: 11px !important; border-radius: 0px !important; background-color: var(--bs-secondary) !important;
} .theme-13-card .sale-label-on-rtl { position: absolute; left: -25px; top: 19px; width: 97px; rotate: -44deg; z-index: 1; padding: 6px 20px !important; font-size: 11px !important; border-radius: 0px !important; text-align: center; color: #fff; background-color: var(--bs-secondary) !important; font-weight: 500; width: fit-content; line-height: 12px;
} .theme-13-card .sal-padding .card:hover { box-shadow: var(--bs-box-shadow) !important; transition: all 0.5s ease-in-out;
} .theme-13-card .in-stock-text,
.theme-13-card .out-stock-text { font-size: 13px !important;
} .theme-13-card .card .sale-heart .pro-like { transition: all 0.3s linear; width: 25px; height: 25px; background-color: var(--bs-danger) !important; color: #fff !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px; cursor: pointer;
} .products-6.theme-13 .category { background-color: var(--bs-primary); padding: 14px; margin: 1.5rem 0rem;
} .theme-13-testimonial .card { position: relative; isolation: isolate; overflow: hidden; padding: 48px 32px 32px; background-color: #fff; transition: 0.7s;
} .theme-13-testimonial .card::before { content: ''; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); width: 60%; aspect-ratio: 1; border-radius: 100%; background: var(--bs-primary); z-index: -1; transition: 0.7s;
} .theme-13-testimonial .card:hover::before { width: 400%;
} .theme-13-testimonial .card .bx { position: absolute; top: 12px; right: 12px; padding: 16px; font-size: 30px; color: #fff;
} .theme-13-testimonial .card h4 { margin-top: 70px; margin-bottom: 16px; font-size: 24px; color: var(--bs-primary); transition: 0.5s;
} .theme-13-testimonial .card p { margin-bottom: 16px; color: #585858; transition: 0.5s; font-size: 14px; text-align: center; font-weight: 500;
} .theme-13-testimonial .card img { margin-bottom: 16px; max-width: 100px; border-radius: 100%; border: 2px solid var(--bs-primary); transition: 0.5s;
} .theme-13-testimonial .card h6 { font-size: 18px; font-weight: 600; color: var(--bs-primary); transition: 0.5s;
} .theme-13-testimonial .card:hover h4,
.theme-13-testimonial .card:hover h5 { color: #fff;
} .theme-13-testimonial .card:hover p,
.theme-13-testimonial .card:hover h6 { color: #efefef;
} .theme-13-testimonial .card:hover img { border-color: #fff;
} .theme-13-testimonial .card:hover { box-shadow: 0 0 20px #00000030;
} /* ================================== Dhruvil theme-13 end =========================================== */
/* ================================== Dhruvil theme-14 start =========================================== */ .pro-7-sec .theme-14-card .card .card-img .img-2 { position: absolute; top: 0px; left: 0px; opacity: 0; transition: all 0.5s ease;
} .theme-14-card .card { position: relative;
} .pro-7-sec .theme-14-card .card:hover .img-2 { opacity: 1; left: 0%; transition: all 0.5s ease;
} .theme-14-card .offer-box { position: absolute; top: -6.1px; right: 10px;
} .theme-14-card .offer-box:after { position: absolute; content:""; width: 0; height: 0; border-left: 38px solid transparent; border-right: 38px solid transparent; border-top: 10px solid #F8463F;
} .theme-14-card .offer-box span { position: relative; display: block; text-align: center; background: #F8463F; font-size: 11px; line-height: 1; width: 75px; border-top-right-radius: 8px;
} .theme-14-card .offer-box span::after { height: 6px; position: absolute; content:""; width: 6px; left: -6px; top: 0; border-radius: 8px 8px 0 0; background: #C02031;
} .theme-14-card.offer-box span::before { height: 6px; width: 6px; left: -6px; position: absolute; content:""; top: 0; background: #F8463F;
} .theme-14-card .card-img img { height: 250px; object-fit: cover; object-position: center;
} .pro-7-sec .theme-14-card .card .card-img { position: relative; /* max-height: 350px; */ /* overflow: hidden; */
} .theme-14-card .in-stock,
.theme-14-card .out-stock { position: absolute; background-color: #FFF; padding: 6px; bottom: 10px; left: 0px; box-shadow: var(--bs-box-shadow) !important;
} .theme-14-card .wishlist { width: 50px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #F8463F; color: #fff;
} .theme-14-testimonial .testimonial { background: var(--bs-primary); text-align: center; padding: 30px 30px 50px; margin: 0 15px 100px; position: relative;
} .theme-14-testimonial .testimonial:before,
.theme-14-testimonial .testimonial:after { content:""; border-top: 40px solid var(--bs-primary); border-right: 125px solid transparent; position: absolute; bottom: -38px; left: 0;
} .theme-14-testimonial .testimonial:after { border-right: none; border-left: 125px solid transparent; left: auto; right: 0;
} .theme-14-testimonial .testimonial .icon { display: inline-block; font-size: 80px; color: #bd986b; margin-bottom: 20px; opacity: 0.6;
} .theme-14-testimonial .testimonial .description { font-size: 14px; color: #FFF; font-weight: 500; text-align: center; margin-bottom: 30px; opacity: 0.8;
} .theme-14-testimonial .testimonial .testimonial-content { width: 100%; position: absolute; left: 0;
} .theme-14-testimonial .testimonial .pic { display: inline-block; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 2px 2px #daad86; overflow: hidden; z-index: 1; position: relative;
} .theme-14-testimonial .testimonial .pic img { width: 90px; height: 90px;
} .theme-14-testimonial .testimonial .title { font-size: 15px; font-weight: 600; color: var(--bs-primary); text-transform: capitalize; margin: 0 0 5px 0;
} .theme-14-testimonial .testimonial .post { display: block; font-size: 13px;
} .store-review-14.owl-theme .owl-controls { margin-top: 0;
} @media only screen and (max-width: 650px) and (min-width: 400px) { .theme-14-testimonial .testimonial:before { border-right: 325px solid transparent; } .theme-14-testimonial .testimonial:after { border-left: 325px solid transparent; }
} .store-review-14 .owl-nav button { width: 30px; height: 30px; margin: 0 !important; font-size: 14px !important; text-align: center !important; background-color: var(--bs-secondary) !important; color: #fff !important; border-radius: 5px; font-size: 18px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} .store-review-14 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -9px;
} .store-review-14 .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: -3px;
} .category-7.theme-14 { position: relative; display: flex; align-items: center; justify-content: space-between;
} .category-7.theme-14 .nav-tabs .nav-link.active { background-color: transparent !important; color: var(--bs-secondary) !important; font-weight: 500; border: none;
} .category-7 .theme-14 #myTab { display: block !important;
} #myTab::-webkit-scrollbar { width: 0px; height: 0px;
} .store-review-14.owl-carousel .owl-nav.disabled { display: block !important;
} .theme-14-blog .blog-created { position: absolute !important; bottom: 0px !important; width: auto !important; left: 0px !important; padding: 8px !important; color: #000 !important; border-top-right-radius: 0.375rem !important; background-color: #fff !important;
} /* ================================== Dhruvil theme-14 end =========================================== */
/* ================================== Dhruvil theme-15 start =========================================== */
.pro-15 .card .pro-8-img img,
.pro-wishlist-15 .card .pro-8-img img { height: 250px; object-fit: cover; object-position: center;
} .pro-list-15 .card .pro-8-img img { height: 160px; width: 160px; object-fit: cover; object-position: center;
} .pro-15 .card .pro-8-img .img-flip,
.pro-wishlist-15 .card .pro-8-img .img-flip,
.pro-list-15 .card .pro-8-img .img-flip { position: absolute; top: 0; left: 0; transform: rotateX(90deg); transition: all 0.5s ease;
} .pro-15 .card:hover .pro-8-img .img-flip,
.pro-wishlist-15 .card:hover .pro-8-img .img-flip,
.pro-list-15 .card:hover .pro-8-img .img-flip { transform: rotateX(0deg); transition: all 0.5s ease;
} .pro-15 .sale-label-on,
.pro-wishlist-15 .sale-label-on { padding: 8px 15px; border-radius: 0px; font-size: 12px; text-align: center; color: #fff; position: absolute; background-color: var(--bs-secondary); font-weight: 600; width: fit-content; top: 0; right: 0; line-height: 12px;
} .pro-list-15 .sale-label-on { padding: 7px 10px; border-radius: 0px; font-size: 12px; text-align: center; color: #fff; position: absolute; background-color: var(--bs-secondary); font-weight: 600; width: fit-content; top: 0; right: 0; line-height: 12px;
} .pro-15 .item,
.pro-list-15 .item { padding: 0px 5px;
} .pro-15 .rating,
.pro-wishlist-15 .rating,
.pro-list-15 .rating { position: absolute; top: 15px; left: 15px; padding: 2px 8px; font-size: 11px !important; background-color: #FFF; box-shadow: var(--bs-box-shadow) !important;
} .pro-15 .icons-hc,
.pro-wishlist-15 .icons-hc,
.pro-list-15 .icons-hc { position: absolute; bottom: 15px; right: 15px;
} .pro-15 .icons-hc .wishlist,
.pro-wishlist-15 .icons-hc .wishlist,
.pro-list-15 .icons-hc .wishlist { background-color: var(--bs-danger); color: #fff; width: 30px; height: 30px; display: flex; font-size: 14px; border-radius: 50%; justify-content: center; align-items: center; box-shadow: var(--bs-box-shadow) !important;
} .pro-15 .icons-hc .pro-8-add,
.pro-wishlist-15 .icons-hc .pro-8-add,
.pro-list-15 .icons-hc .pro-8-add { background-color: var(--bs-primary); color: #fff; width: 30px; height: 30px; display: flex; font-size: 14px; border-radius: 50%; justify-content: center; align-items: center; box-shadow: var(--bs-box-shadow) !important;
} .pro-15 .owl-nav button,
.pro-list-15 .owl-nav button { height: 30px !important; width: 30px !important; border: 1px solid var(--bs-primary) !important; background-color: var(--bs-primary) !important; border-radius: 3px; color: #fff !important; margin: 0px 5px;
} .pro-15 .owl-nav .owl-next,
.pro-list-15 .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: -22px;
} .pro-15 .owl-nav .owl-prev,
.pro-list-15 .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -25px;
} .theme-15-reviews .testimonial { border-left: 3px solid var(--bs-primary); padding: 100px 0 100px 275px; position: relative
} .theme-15-reviews .testimonial:before,
.theme-15-reviews .testimonial:after { content:""; width: 320px; height: 55px; border-right: 3px solid var(--bs-primary); position: absolute; left: 0;
} .theme-15-reviews .testimonial:before { border-top: 3px solid var(--bs-primary); top: 0;
} .theme-15-reviews .testimonial:after { border-bottom: 3px solid var(--bs-primary); bottom: 0;
} .theme-15-reviews .testimonial .pic { width: 100px; height: 100px; position: absolute; top: 100px; left: 100px;
} .theme-15-reviews .testimonial .pic img { width: 100px; height: 100px; object-fit: cover; object-position: center;
} .theme-15-reviews .testimonial .description { font-size: 14px; color: #7a7e82; line-height: 27px; position: relative;
} .theme-15-reviews .testimonial .description:before { content:"\f10d"; font-family:"Font Awesome 5 Free"; font-weight: 900; position: absolute; top: -70px; left: 0; font-size: 20px; color: #7a7e82;
} .theme-15-reviews .testimonial .testimonial-title { font-size: 18px; font-weight: 700; color: var(--bs-secondary); text-transform: capitalize;
} .theme-15-reviews .testimonial .post { display: block; font-size: 14px; font-weight: 500; margin-top: 10px;
} #testimonial-slider .owl-nav button { height: 30px !important; width: 30px !important; border: 1px solid var(--bs-primary) !important; background-color: var(--bs-primary) !important; border-radius: 3px; color: #fff !important; margin: 0px 5px;
} #testimonial-slider .owl-nav .owl-next { position: absolute; top: 50%; transform: translateY(-50%); right: -22px;
} #testimonial-slider .owl-nav .owl-prev { position: absolute; top: 50%; transform: translateY(-50%); left: -25px;
} .blogs-15 .item .card:hover { box-shadow: var(--bs-box-shadow) !important;
} .theme-15-reviews .testimonial.rtl { border-right: 3px solid var(--bs-primary); border-left: 0px; padding: 100px 257px 100px 0px; position: relative;
} .theme-15-reviews .testimonial.rtl:before,
.theme-15-reviews .testimonial.rtl:after { content:""; width: 320px; height: 55px; border-left: 3px solid var(--bs-primary); border-right: 0px; position: absolute; right: 0;
} .theme-15-reviews .testimonial.rtl .pic { width: 100px; height: 100px; position: absolute; top: 100px; right: 100px;
} .theme-15-reviews .testimonial.rtl .description:before { content:"\f10d"; font-family:"Font Awesome 5 Free"; font-weight: 900; position: absolute; top: -70px; right: 0; font-size: 20px; color: #7a7e82;
} .img-15 { width: 100%; height: 100%;
} .img-15 img { width: 100%; height: 100%; object-fit: cover; object-position: center;
} .icon-img-15 { width: 80px; height: 80px;
} .icon-img-15 img { width: 80px; height: 80px; object-fit: cover; object-position: center;
} .icon-cart-hart { position: absolute; top: -28px; right: 10px;
} .icon-cart-hart.rtl { position: absolute; top: -28px; left: 10px;
} .theme-10 .product-details-wrap { position: relative;
} .btn-product-cart,
.btn-product-cart:is(:hover, :focus, :active) { font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (2560 - 320))) !important; border-radius: 50%; cursor: pointer; background-color: var(--bs-primary) !important; color: #fff !important; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; padding: 0px !important;
} .theme-10 .btn-Wishlist { width: 30px; height: 30px; background-color: var(--bs-danger) !important; color: #fff !important; border-radius: 50px; display: flex; align-items: center; justify-content: center; font-size: 14px;
} .ribbon-pop { background: linear-gradient(270deg, var(--bs-secondary) 5.25%, var(--bs-primary) 96.68%); display: inline-block; padding: 6px 9px; color: white; font-size: 11px; position: absolute; left: -6px; top: 10px;
} .ribbon-pop:before { height: 0; width: 0; border-top: 15px solid var(--bs-primary); border-left: 6px solid transparent; bottom: -15px; position: absolute; content:""; left: 0;
} .ribbon-pop.rtl { background: linear-gradient(270deg, var(--bs-secondary) 5.25%, var(--bs-primary) 96.68%); display: inline-block; padding: 6px 9px; color: white; font-size: 11px; position: absolute; right: -6px; left: unset; top: 10px;
} .ribbon-pop.rtl::before { height: 0; width: 0; border-top: 15px solid var(--bs-primary); border-left: 0px solid transparent; border-right: 6px solid transparent; bottom: -15px; position: absolute; content:""; right: 0;
} .text-primary { color: var(--bs-primary) !important;
} .text-secondary { color: var(--bs-secondary) !important;
} .border-secondary { border-color: var(--bs-secondary) !important;
} .who_are { background-color: #eee;
} .sticky-top .navbarnav .menu-nav::-webkit-scrollbar { height: 0px !important;
} .main-title { font-size: 30px; font-weight: 600;
} .main-title .dots { height: 8px; width: 8px; border-radius: 50%; background-color: var(--bs-secondary); display: block; margin: 0px 15px;
} .main-title-7::after { border-bottom: 2px solid #7d716b; content:""; display: block; margin-left: 0; text-align: center; margin: 10px auto 0; width: 70px; transition: all 0.5s ease 0s;
} .sec-header .main-title-8::after { border-bottom: 2px solid #e4a114; content:""; display: block; width: 70px; transition: all 0.5s ease 0s; padding-top: 7px;
} .bg-theme-8 { background-color: var(--bs-secondary-rgb);
} .delet-ol ol.rtl { padding-right: 2rem; padding-left: 0rem;
} .sevirce-tru .img { display: flex; justify-content: center; align-items: center;
} .sevirce-trued { background-color: #F5F5F6;
} .sevirce-tru .img img { width: 40px !important; height: 40px !important; object-fit: cover; background-color: #fff; object-position: center;
} .view-cart-bar { min-height: 70px; position: fixed; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s ease-in-out, z-index 0s; transition: all .2s ease-in-out, z-index 0s; background-color: #fff; padding: 10px 15px; -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3); z-index: 4;
} .view-cart-bar .product-img { display: flex; justify-content: center; align-items: center;
} .view-cart-bar .product-img img { width: 58px; height: 58px; object-fit: cover; object-position: center;
} .product-detile .service-content { width: 100%; height: 100%; display: flex; align-items: center;
} .product-detile .service-content img { height: 40px; object-fit: cover; object-position: center;
} .close-btn-view { padding: 0px 12px; background-color: #FFF; display: flex; justify-content: center; align-items: center;
} .input-h { padding: 13px 18px; /* font-weight: 400 !important; */ font-size: 14px;
} .product-view .nav-pills .nav-link { font-weight: 500; font-size: 15px; text-transform: capitalize; color: #000; background-color: #ececec; border: none;
} .product-view .nav-pills .nav-link.active { border: none; background-color: var(--bs-primary) !important; color: #fff !important;
} /* ======================= New add ======================== */ .view-list-grid { width: 32px; height: 32px; display: flex; border-radius: var(--bs-border-radius); justify-content: center; align-items: center;
} .service-active,
.service-active:hover { background-color: var(--bs-secondary) !important; color: white !important;
} .dropdown-item.active,
.dropdown-item:active { color: var(--bs-white) !important; text-decoration: none; background-color: var(--bs-primary) !important;
} .pro-img-list img { width: 160px; object-fit: cover; object-position: center; height: 160px;
} .pro-img-list { display: flex; overflow: hidden; flex-direction: column; position: relative; align-items: normal; border-radius: 10px;
} .object { object-fit: cover; object-position: center;
} .theme-2-img { width: 100%; object-position: center; object-fit: cover; height: 240px;
} .theme-3-img { width: 100%; object-position: center; object-fit: cover; height: 240px;
} .products-6 .pro-6-list img { width: 160px; object-fit: cover; object-position: center; height: 160px;
} .pro-card .theme-4-list img { width: 160px; object-fit: cover; object-position: center; height: 160px; transform: scale(1); transition: all 0.5s ease-in-out 0s; border-radius: 10px;
} .pro-7-sec .pro-7 .card .pro-7-list { position: relative; max-height: 350px; overflow: hidden;
} .pro-7-sec .pro-7 .card .pro-7-list img { height: 160px; width: 160px; object-fit: cover; object-position: center;
} .pro-7-sec .pro-7 .card .pro-7-list .img-2 { position: absolute; top: 0px; left: -100%; opacity: 0; transition: all 0.5s ease;
} .pro-7-sec .pro-7 .card:hover .pro-7-list .img-2 { opacity: 1; left: 0%; transition: all 0.5s ease;
} .pro-theme-10-img img,
.pro-theme-12-img img { width: 160px; object-fit: cover; object-position: center; height: 160px;
} .pro-theme-11-img img { width: 130px; object-fit: cover; object-position: center; height: 160px;
} .theme-13-card .pro-6-list-img img { width: 100%; height: 220px; object-fit: cover; object-position: center;
} .theme-14-card .card-list-img img { width: 160px; height: 160px; object-fit: cover; object-position: center;
} .lag-btn .dropdown-menu { --bs-dropdown-min-width: 8rem !important; /* padding: 0px 0px !important; */ font-size: 12px !important; overflow: hidden !important;
} .min-dropdown-ltr { position: absolute !important; left: -110px !important; /* top: 100% !important; */ font-size: 12px !important;
} /* .min-dropdowns-ltr { position: absolute !important; font-size: 12px !important;
} */ .min-dropdown-rtl { position: absolute !important; left: 0px !important; /* top: 100% !important; */ font-size: 12px !important;
}