/* Google Fonts moved to HTML for performance optimization */
#preloader {
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
z-index: 1050;
background-color: #fff;
}
.load {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
}
.load hr {
border: 0;
margin: 0;
width: 30%;
height: 30%;
position: absolute;
border-radius: 50%;
-webkit-animation: spin 2s ease infinite;
animation: spin 2s ease infinite;
opacity: 1;
}
.load :first-child {
background: var(--secondary-color);
-webkit-animation-delay: -1.5s;
animation-delay: -1.5s;
}
.load :nth-child(2) {
background: #f63d3a;
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.load :nth-child(3) {
background: #fda543;
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.load :last-child {
background: #193b48;
}
@-webkit-keyframes spin {
0%,
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(160%);
transform: translate(160%);
}
50% {
-webkit-transform: translate(160%, 160%);
transform: translate(160%, 160%);
}
75% {
-webkit-transform: translate(0, 160%);
transform: translate(0, 160%);
}
}
@keyframes spin {
0%,
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(160%);
transform: translate(160%);
}
50% {
-webkit-transform: translate(160%, 160%);
transform: translate(160%, 160%);
}
75% {
-webkit-transform: translate(0, 160%);
transform: translate(0, 160%);
}
}
@media (max-width: 576px) {
.load {
width: 40px;
height: 40px;
}
}
html,
body,
* {
margin: 0%;
padding: 0%;
box-sizing: border-box;
}
html,
body {
font-size: 16px;
width: 100%;
height: 100%;
}
html {
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
background-color: var(--white);
font-size: 16px;
font-family: var(--body-font);
color: #212129;
font-weight: 400;
font-style: normal;
line-height: normal;
}
.btn-white,
.productBoxAddToCartDiv {
font-size: 1rem;
color: var(--white);
background: var(--secondary-color);
font-family: var(--sec-font);
}
.btn-white:hover,
.productBoxAddToCartDiv:hover {
color: var(--white);
filter: brightness(115%);
}
.btn-outline-primary {
border: 1px solid var(--primary-color);
border-radius: 4px;
display: flex;
padding: 12px 20px;
justify-content: center;
align-items: center;
color: var(--primary-color);
font-size: 16px;
font-family: var(--body-font);
font-weight: 400;
line-height: normal;
background-color: var(--white);
}
a {
color: var(--text-color);
text-decoration: none;
transition: all 0.3s ease-in-out;
}
a:hover {
color: var(--secondary-color);
}
.form-control:focus,
.btn:focus,
.form-check:focus,
.form-select:focus {
box-shadow: none;
outline: none;
}
.owl-carousel .owl-item {
padding: 0.625rem;
}
h3 {
color: var(--primary-color);
font-size: 36px;
font-family: var(--body-font);
font-weight: 700;
text-transform: capitalize;
}
.section__border {
border-top: 5px solid #c9c7c1;
box-shadow: -1px -3px 5px 0px rgb(0 0 0 / 24%);
-webkit-box-shadow: -1px -3px 5px 0px rgb(0 0 0 / 24%);
-moz-box-shadow: -1px -3px 5px 0px rgba(0, 0, 0, 0.24);
}
.display_none {
display: none;
}
pre {
white-space: pre-line;
font-family: var(--body-font);
color: #212129;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
/* =========== Global Product Card ============ */
.card {
background: #ffffff;
box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.1);
border-radius: 0.625rem;
padding: 1.25rem;
border-color: #eee;
position: relative;
}
.card .tag {
display: flex;
justify-content: flex-end;
position: absolute;
top: 0%;
left: 0%;
padding: 1rem 1rem 1rem 0.5rem;
width: 100%;
}
.card .discount-tag {
height: 3.125rem;
width: 3.125rem !important;
object-fit: contain;
}
.percent {
position: relative;
z-index: 1;
}
.tag span {
display: block;
text-align: center;
line-height: normal;
font-size: 12px;
font-weight: 500;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.pro-des {
overflow: hidden;
text-overflow: ellipsis;
}
.product_box {
background: #ffffff;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
border-radius: 0.25rem;
padding: 1.3rem 1.5rem;
display: block;
text-align: left;
position: relative;
}
.product_box .price {
display: flex;
flex-wrap: wrap;
}
.product_box .wishlist-icon {
z-index: 11;
}
.product_box img {
width: auto !important;
height: auto;
margin: auto;
}
.product-name:hover {
color: var(--secondary-color);
}
.cart_modal {
display: block;
text-align: center;
}
.cart_modal span {
display: block;
}
.cart_modal span:nth-child(2) {
min-height: 0rem;
margin-bottom: 0px;
display: flex;
justify-content: space-around;
padding: 13px 5px;
background-color: #1f2937;
color: #fff !important;
width: 82%;
border-radius: 10px;
margin-top: 20px;
}
.cart_modal span:nth-child(2):hover {
background-color: #141b25;
}
.cart_modal span:nth-child(2):hover a {
color: #fff !important;
}
.cart_modal .success_alert_link {
margin-top: 1rem;
border: none;
width: 82%;
border-radius: 10px;
padding: 13px 5px;
margin: 20px 0;
background: #f3f4f6;
color: #374151 !important;
border: 1px solid #e5e7eb;
}
.cart_modal .success_alert_link:hover {
filter: brightness(115%);
}
.cart_btn_box .out_of_stock {
width: 100% !important;
}
/* =========== Global Product Card ============ */
.product-image {
transition: all 0.4s ease;
}
.product-image a {
display: flex;
justify-content: center;
align-items: center;
/* CLS Fix: Reserve space without forcing aspect ratio */
min-height: 300px;
/* Subtle placeholder background */
border-radius: 8px;
overflow: hidden;
/* min-height: 19rem; */
}
.product-image a img {
width: auto !important;
margin: 0 auto;
height: 300px;
max-width: 100%;
object-fit: contain;
}
div:empty {
opacity: 0.3;
}
.wishlist-icon a {
height: 40px;
width: 40px;
border-radius: 50%;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25rem;
color: var(--secondary-color);
transition: all 0.3s ease !important;
background: #fff;
}
.wishlist-icon a:hover {
color: #fff;
background: var(--secondary-color);
}
/* .wishlist-icon a.removeFromWishlist:hover { background: none; } */
.product-name {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 1.4;
/* CLS Fix: Reserve minimum height for 1-2 line titles */
min-height: 28px;
/* 20px * 1.4 line-height */
}
.card .rating-price {
margin-bottom: 0.5rem;
}
.rating-price .rating-icon {
display: flex;
flex-direction: row;
}
.rating-price .rating-icon img {
width: 1.125rem;
height: 1.124rem;
margin-right: 0.1245rem;
}
.rating-price .rating-icon img:last-child {
margin-right: 0.75rem;
}
.rating-price .rating-icon span {
color: var(--secondary-color);
}
.card .price {
margin: 0.5rem 0;
align-items: center;
/* CLS Fix: Reserve minimum height for price with/without discounts */
min-height: 32px;
}
.card .price strong {
font-size: 1.45rem;
padding-right: 0.5rem;
}
.card .price .del {
position: relative;
text-decoration: line-through;
}
/* .card .price .del::after {
content: '';display: block;width: 100%;height: 1px;background-color: rgb(255, 37, 37);
position: absolute;top: 50%;left: -.25rem;transform: translateY(-50%) rotate(10deg);
} */
/* =========== Global Product Card ============ */
/* ====================================================== Main Menu Styles Styles ==================================== */
.header-top {
background-color: var(--primary-color);
padding: 12px 0;
}
.header-top a {
color: var(--light-white);
font-size: 15px;
}
.seach-box-header {
display: none;
}
.mega_menu_wrapper .row {
align-items: center;
}
#myNavBar .logo {
width: 16%;
}
.logo-section {
background: #fff;
padding: 17px 6px;
}
#myNavBar .mega_menu_wrapper ._navbar {
width: 84%;
justify-content: start;
}
/*#myNavBar .search-sec {
margin-left: auto;
width: 25%;
margin-right: 20px;
display: none;
}*/
#myNavBar .search-sec {
position: absolute;
margin-left: auto;
margin-right: 20px;
opacity: 0;
visibility: hidden;
height: 0px;
transition: all 0.6s ease;
z-index: 0;
top: -5px;
/*left: -227px;*/
/*width: 260px !important;*/
width: 400px !important;
right: -50px;
}
#myNavBar .search-sec .form-control {
position: relative;
color: var(--secondary-color-light);
box-shadow: none;
padding: 10px;
border: 1px solid var(--light-color);
border-radius: 20px;
}
.transparent-button {
color: var(--secondary-color-light);
border: 0;
background-color: transparent;
}
#myNavBar .user-icons ul li a {
padding: 0px;
}
.user-icons {
display: flex;
margin-left: auto;
}
.user-icons > ul {
display: flex;
justify-content: flex-start;
margin-bottom: 0;
align-items: center;
}
.user-icons ul li {
padding: 0;
position: relative !important;
margin-left: 0.5rem;
}
.user-icons ul li span {
position: absolute;
height: 18px;
width: 18px;
border-radius: 50%;
background: var(--secondary-color);
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
line-height: 20px;
right: -8px;
top: -8px;
}
.user-icons ul li {
margin-right: 35px;
margin-left: 0px;
}
.user-icons ul li:last-child {
margin-right: 0px;
}
.user-icons ul li > a {
color: var(--primary-color);
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.user-icons ul .dropdown-menu li {
width: 100%;
height: auto;
box-shadow: none;
border: 0;
margin-left: 0;
display: flex;
align-items: center;
margin-right: 0;
}
.user-icons ul .dropdown-menu li a {
padding: 10px !important;
height: 100%;
width: auto;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
cursor: pointer;
text-transform: capitalize;
text-align: left;
justify-content: flex-start;
}
.user-icons ul .dropdown-menu li a:hover {
background-color: transparent;
color: var(--secondary-color);
}
.mega_menu_wrapper ._navbar .rigtht-links a:hover {
background-color: transparent;
}
/*.user-icons .dropdown-menu {
left: 0;
min-width: 8rem;
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
padding: 10px 0;
top: 20px;
}*/
.user-icons .dropdown-menu {
left: -2rem;
/*min-width: 8rem;*/
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
padding: 10px 15px;
}
.user-icons .dropdown-menu .img-fluid {
height: 20px;
}
@media (max-width: 740px) {
.logo {
margin: 0 10px;
width: 50%;
}
.card {
box-shadow: 0px 4px 20px rgb(0 0 0 / 5%);
}
.featurad-section .card {
height: 100%;
}
/* CLS Fix: Adjust for mobile 2-column grid */
.product-image a {
min-height: 180px;
}
.product-image a img {
height: 180px;
}
.product-name {
font-size: 16px;
min-height: 24px;
}
.card .price {
min-height: 28px;
}
}
@media (min-width: 990px) {
.user-icons .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 1300px) {
.mega_menu_wrapper ._navbar .cat_btn,
.mega_menu_wrapper ._navbar .rigtht-links a {
font-size: 14px;
}
}
.logo img {
height: 45px;
object-fit: contain;
}
ul {
list-style: none;
padding-left: 0;
}
.mega_menu_wrapper {
/*border-bottom: 1px solid #f2f2f2;*/
border-bottom: 1px solid var(--light-color);
background: var(--white);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
position: relative;
transform: translateY(0);
z-index: 555;
}
.fixed-top .mega_menu_wrapper {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
position: fixed;
bottom: 100%;
transform: translateY(98%);
width: 100%;
}
._navbar .d-inline-flex.align-items-center div {
margin-right: 15px;
}
.mega_menu_wrapper a {
text-decoration: none;
color: #212129;
font-size: 16px;
padding: 0.3rem 0.5rem;
padding: 0.2rem 0.4rem;
display: block;
text-align: left;
transition: all 0.3s ease-in-out;
}
.mega_menu_wrapper a:hover {
color: var(--secondary-color);
}
.mega_menu_wrapper ._navbar {
margin-bottom: 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.mega_menu_wrapper ._navbar .cat_btn {
font-size: 16px;
padding: 0.6rem 0.9rem 0.7rem 0.9rem;
color: #212129;
text-transform: capitalize;
position: relative;
border-radius: 0%;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
}
.mega_menu_wrapper ._navbar .cat_btn.ipad {
display: none;
}
.mega_menu_wrapper ._navbar .cat_btn::before {
/* content: "\f0d7";*/
content: none;
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: 50%;
right: 4px;
transform: translateY(-50%);
color: #939393;
}
.mega_menu_wrapper ._navbar .cat_btn:focus {
outline: none;
box-shadow: none;
}
/*.mega_menu_wrapper ._navbar .cat_btn::after {
content: "\f0d8";
font: normal normal normal 32px/1 FontAwesome;
position: absolute;
top: 60%;
left: 50%;
transform: translateX(-50%);
color: #fff;
opacity: 0;
}*/
.mega_menu_wrapper ._navbar .dropdown {
position: static;
}
.mega_menu_wrapper ._navbar .drop_menu {
display: none;
width: 100%;
max-width: 100%;
flex-wrap: wrap;
position: absolute;
top: 100%;
left: 0%;
width: 100%;
border: solid 1px #e7eaec;
background: #fff;
border-radius: 4px;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2);
z-index: 99999;
text-align: left;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title {
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
border-bottom: solid 1px #e8e9eb;
padding: 0.4rem 1.6rem;
margin-bottom: 0;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title__box {
width: 50%;
border-right: 1px solid #e8e8e8;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title__box .scroll_box {
max-height: 25rem;
overflow-y: auto;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title__box li.catTitle {
padding: 0.3rem;
position: relative;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title__box li.catTitle:hover {
background-color: #f0f0f0;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title__box li.catTitle a {
padding-left: 20px;
cursor: pointer;
font-size: 14px;
color: var(--secondary-color);
margin-bottom: 0;
text-transform: capitalize;
/* font-family: Helvetica Neue, Helvetica, Arial, sans-serif; */
}
.mega_menu_wrapper
._navbar
.drop_menu
.content
.title__box
li.catTitle::before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.mega_menu_wrapper
._navbar
.drop_menu
.content
.title__box
li.catTitle:not(:last-child) {
border-bottom: 1px solid #e7eaec;
}
.mega_menu_wrapper ._navbar .drop_menu .content .title__box li.catTitle.active {
background: #eeeff0;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links {
width: 100%;
min-height: 24rem;
padding: 0 1rem;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .title {
font-size: 16px;
font-weight: 600;
color: var(--primary-color);
border-bottom: solid 1px #e8e9eb;
padding: 0.4rem 0.5rem;
margin-bottom: 0.2rem;
font-family:
Helvetica Neue,
Helvetica,
Arial,
sans-serif;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .sub_drop_menu {
padding-left: 0.5rem;
display: flex;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .sub_drop_menu ul {
width: 50%;
max-height: 23rem;
overflow-y: auto;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .sub_drop_menu * {
scrollbar-width: thin;
scrollbar-color: #f0f0f0 #fff;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
*::-webkit-scrollbar {
width: 8px;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
*::-webkit-scrollbar-track {
background: #f0f0f0;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
*::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 20px;
border: 1px solid #f0f0f0;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
.cat__title {
color: #36a5de;
margin-bottom: 0;
padding-top: 0.5rem;
font-weight: 600;
font-size: 1rem;
font-family:
Helvetica Neue,
Helvetica,
Arial,
sans-serif;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .sub_drop_menu li {
display: block;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
li.active {
background-color: #eeeff0;
color: #36a5de;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
li.inner_drop {
position: relative;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
li.inner_drop::after {
content: "\f0da";
font: normal normal normal 14px/1 FontAwesome;
position: absolute;
top: 54%;
left: auto;
transform: translateY(-50%);
color: #474747;
right: 1rem;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
li.inner_drop
ul {
position: absolute;
top: 0%;
right: -100%;
width: 100%;
background-color: #fff;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
padding: 0.5rem 0.5rem 1rem 0.5rem;
display: none;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
li.inner_drop:hover
ul {
display: block;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
li.inner_drop:hover::after {
color: #36a5de;
}
.mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .sub_drop_menu a {
font-size: 13px;
line-height: 23px;
color: var(--secondary-color);
text-transform: capitalize;
}
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
a:hover {
color: var(--secondary-color);
background-color: #fafafa;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box {
width: 40%;
border-left: 1px solid #e8e8e8;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box .title {
font-size: 1.15rem;
color: var(--primary-color);
}
.mega_menu_wrapper
._navbar
.drop_menu
.banner__box
.d-flex.align-items-center.justify-content-center {
min-height: 23rem;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box a {
display: block;
width: 33.333%;
text-align: center;
font-size: 13px;
line-height: 23px;
color: #474747;
font-family:
Helvetica Neue,
Helvetica,
Arial,
sans-serif;
text-transform: capitalize;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box a:hover {
color: var(--primary-color);
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box a p {
margin-bottom: 0;
padding-top: 0.4rem;
text-align: center;
}
.mega_menu_wrapper .dropdown:hover .cat_btn {
color: var(--primary-color);
background-color: #f7f7f7;
}
.mega_menu_wrapper .dropdown:hover .cat_btn.active {
color: var(--primary-color);
}
.mega_menu_wrapper .dropdown:hover .cat_btn.active::before {
color: var(--primary-color);
transform: translateY(-50%) rotate(180deg);
}
.mega_menu_wrapper .dropdown:hover .cat_btn::before {
transform: translateY(-50%) rotate(180deg);
color: #488c0e;
}
.mega_menu_wrapper .dropdown:hover .cat_btn::after {
opacity: 1;
}
.mega_menu_wrapper .dropdown:hover .drop_menu {
opacity: 1;
display: block;
}
.mega_menu_wrapper .dropdown:focus .drop_menu {
opacity: 1;
display: block;
}
.mega_menu_wrapper ._navbar .rigtht-links {
display: flex;
}
.mega_menu_wrapper ._navbar .rigtht-links a {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
padding: 0.6rem 1rem 0.7rem 1rem;
}
.mega_menu_wrapper ._navbar .rigtht-links a:hover {
color: var(--primary-color);
background-color: #f7f7f7;
}
.mega_menu_wrapper
._navbar
.drop_menu.ipadCategoriesMenuContent
.content
.title__box {
width: 20%;
}
.mega_menu_wrapper
._navbar
.drop_menu.ipadCategoriesMenuContent
.content
.title__box
ul {
display: block;
max-height: 25rem;
overflow-y: auto;
}
.mega_menu_wrapper
._navbar
.drop_menu.ipadCategoriesMenuContent
.content
.title__box
li.catTitle::before {
content: none;
}
.mega_menu_wrapper
._navbar
.drop_menu.ipadCategoriesMenuContent
.content
div.brands {
width: 80%;
}
.mega_menu_wrapper
._navbar
.drop_menu.ipadCategoriesMenuContent
.content
div.brands
ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-height: 25rem;
padding-top: 10px;
padding-left: 10px;
overflow-y: auto;
justify-content: flex-start;
}
.mega_menu_wrapper
._navbar
.drop_menu.ipadCategoriesMenuContent
.content
div.brands
ul
img {
max-height: 5rem;
width: auto;
}
.drop_menu.ipadCategoriesMenuContent .content div.brands ul a {
min-height: 5rem;
display: flex;
padding: 0;
align-items: center;
border: 1px solid #eee;
justify-content: center;
margin-right: 14px;
margin-bottom: 14px;
border-radius: 2px;
min-width: 7rem;
text-align: center;
}
.drop_menu.ipadCategoriesMenuContent .content div.brands ul span {
font-weight: 500;
transition: all 0.4s ease-in-out;
min-width: 9rem;
padding: 0 6px;
font-size: 1rem;
}
.drop_menu.ipadCategoriesMenuContent .content div.brands ul a:hover {
color: #36a5de;
-webkit-box-shadow:
0 2.8px 2.2px 0 rgba(0, 0, 0, 0.02),
0 6.7px 5.3px 0 rgba(0, 0, 0, 0.03),
0 12.5px 10px 0 rgba(0, 0, 0, 0.04),
0 22.3px 17.9px 0 rgba(0, 0, 0, 0.05),
0 41.8px 33.4px 0 rgba(0, 0, 0, 0.05),
0 100px 80px 0 rgba(0, 0, 0, 0.07);
box-shadow:
0 2.8px 2.2px 0 rgba(0, 0, 0, 0.02),
0 6.7px 5.3px 0 rgba(0, 0, 0, 0.03),
0 12.5px 10px 0 rgba(0, 0, 0, 0.04),
0 22.3px 17.9px 0 rgba(0, 0, 0, 0.05),
0 41.8px 33.4px 0 rgba(0, 0, 0, 0.05),
0 100px 80px 0 rgba(0, 0, 0, 0.07);
}
/* .drop_menu.ipadCategoriesMenuContent .content div.brands ul a:hover span {
font-weight: bold;
font-size: 1rem;
} */
.srcoll * {
scrollbar-width: thin;
scrollbar-color: #f0f0f0 #fff;
}
.srcoll *::-webkit-scrollbar {
width: 8px;
}
.srcoll *::-webkit-scrollbar-track {
background: #f0f0f0;
}
.srcoll *::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 20px;
border: 1px solid #f0f0f0;
}
@media (max-width: 1200px) {
.mega_menu_wrapper ._navbar ul.drop_menu .content .title__box {
width: 30%;
}
.mega_menu_wrapper ._navbar ul.drop_menu .cat_filter_links {
width: 40%;
}
.mega_menu_wrapper
._navbar
.drop_menu
.banner__box
.d-flex.align-items-center.justify-content-center {
min-height: 19rem;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box a {
display: block;
width: 100%;
text-align: center;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box a.sec_banner {
display: none;
}
.mega_menu_wrapper ._navbar .drop_menu .banner__box a:nth-child(1) {
display: none;
}
}
@media (max-width: 991.99px) {
.mega_menu_wrapper .container {
max-width: 100%;
}
.mega_menu_wrapper ._navbar ul.drop_menu .content .title__box {
width: 35%;
}
.mega_menu_wrapper ._navbar ul.drop_menu .cat_filter_links {
width: 65%;
}
.mega_menu_wrapper ._navbar .cat_btn.desk,
.mega_menu_wrapper ._navbar .drop_menu .banner__box {
display: none;
}
.mega_menu_wrapper ._navbar .cat_btn.ipad {
display: block;
}
.drop_menu.ipadCategoriesMenuContent .content div.brands ul span {
min-width: 7rem;
}
}
@media (max-width: 767px) {
.mega_menu_wrapper {
display: none;
}
}
.mobile__menu__wrapper {
display: none;
max-height: 90vh;
overflow-y: auto;
margin-top: 1.5rem;
border-top: 1px solid #f0f0f0;
background: #304356;
transition: all 0.6s ease;
position: absolute;
width: 100%;
margin-top: 0;
z-index: 999;
}
.mobile__menu__wrapper a {
font-size: 13px;
line-height: 23px;
color: #fff;
text-transform: capitalize;
text-decoration: none;
padding: 0.1rem 0.5rem;
display: block;
}
.mobile__menu__wrapper a:hover {
color: #fff;
text-decoration: none;
}
.mobile__menu__wrapper .card {
border-top: 0;
border-left: 0;
border-right: 0;
padding: 0%;
border-radius: 0;
background-color: transparent;
border-bottom: 1px solid #ffffff69 !important;
}
.mobile__menu__wrapper .card .card-header {
background-color: transparent;
display: block;
padding: 0%;
border: 0;
margin: 0;
border-radius: 0;
justify-content: space-between;
align-items: center;
}
.mobile__menu__wrapper .card .card-header .btn {
display: flex;
justify-content: space-between;
padding: 0.5rem 1rem;
border-radius: 0;
align-items: center;
position: absolute;
top: 0.35rem;
right: 0.25rem;
}
.mobile__menu__wrapper .card .card-header a {
text-transform: capitalize;
font-size: 1rem;
font-weight: 500;
color: #fff;
padding: 0.5rem 1rem;
}
.mobile__menu__wrapper .card .card-header .btn:focus {
box-shadow: none;
}
.mobile__menu__wrapper .card .card-header .btn.collapsed {
background-color: transparent;
color: #fff;
}
.mobile__menu__wrapper .card .card-body {
padding: 0.2rem 1.5rem;
}
.mobile__menu__wrapper .card.inner__acc {
border-bottom: 0 !important;
}
.mobile__menu__wrapper .card.inner__acc .card-header .btn a {
padding: 0;
}
.mobile__menu__wrapper .inner__acc .card-header .btn {
border-bottom: 0;
font-size: 13px;
font-weight: 500;
width: 100%;
display: flex;
justify-content: space-between;
color: #fff;
padding: 0.2rem 0.5rem;
background-color: #d1eaf724;
border-radius: 0;
align-items: center;
text-transform: capitalize;
}
.mobile__menu__wrapper .inner__acc .card-header .btn .fa {
font-size: 15px;
margin-right: 1rem;
}
.mobile__menu__wrapper .inner__acc .card-header .btn:focus {
box-shadow: none;
}
.mobile__menu__wrapper .inner__acc .card-header .btn.collapsed {
background-color: #08080814;
}
.mobile__menu__wrapper
.inner__acc
.card-header
[data-toggle="collapse"]
.fa:before {
content: "\f106";
}
.mobile__menu__wrapper
.inner__acc
.card-header
[data-toggle="collapse"].collapsed
.fa:before {
content: "\f107";
}
.mobile__menu__wrapper .inner__acc .card-body {
padding: 0.4rem 2rem;
}
.mobile__menu__wrapper .inner__acc .card-body a {
font-size: 13px;
text-decoration: none;
color: #fff;
transition: all 0.3s ease-in-out;
display: block;
position: relative;
padding: 0%;
}
.mobile__menu__wrapper.block {
display: block;
}
/* ====================================================== Main Menu Styles Styles ==================================== */
/* ====================================================== Log In And Sign Up Modal Styles ==================================== */
/*__ Log In & Sign Up Page Styles Start Here __*/
.popUp_page_wrapper {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000a9;
z-index: 9999;
display: none;
}
.popUp_page_wrapper .content {
background-color: #fff;
/* width: 32.5rem; */
/* position: absolute;
top: 1rem;
left: 50%;
transform: translateX(-50%); */
opacity: 1;
padding: 3rem 2rem 3rem 2rem;
}
.popUp_page_wrapper label {
display: block;
padding-bottom: 0.25rem;
font-weight: 500;
}
.popUp_page_wrapper .close_btn {
position: absolute;
right: 29%;
top: 1rem;
}
.popUp_page_wrapper .close_btn .btn-close {
border-radius: 50%;
opacity: 1;
padding: 0.25rem;
width: 1.45rem;
height: 1.45rem;
background-color: #fff;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.32);
}
.popUp_page_wrapper .close_btn.fpb {
top: -0.75rem;
right: -0.75rem;
}
.popUp_page_wrapper .content .close_btn .close {
font-size: 2rem;
font-weight: 300;
padding: 0.3rem 0;
}
.popUp_page_wrapper .content .close_btn .close:hover {
color: red;
}
.popUp_page_wrapper .content .header {
font-size: 2.4rem;
margin-bottom: 1.5rem;
font-weight: 500;
}
.popUp_page_wrapper .phone_code_info {
font-size: 12px;
color: var(--secondary-color);
}
.forget-psw {
color: var(--secondary-color);
}
.forget-psw:hover {
color: var(--secondary-color);
text-decoration: underline;
}
.help-block.phone_no_error.input_error {
margin-bottom: 16px;
}
.top_header__wrapper .bottom_wrapper .right_wrapp .like_wrapp span,
.top_header__wrapper .bottom_wrapper .right_wrapp .cart_wrapp span {
color: #fff;
}
.popUp_page_wrapper .content .form-control,
.signup_phone_code_div {
background-color: transparent;
height: 2.75rem;
border: 1px solid #c4c4c4;
border-radius: 0.125rem;
}
.dashboard-bg.login-content .signup_phone_code_div {
border-radius: 4px;
border: 1px solid var(--light-color);
margin-bottom: 20px;
height: 50px;
}
.popUp_page_wrapper .signup_phone_code_div .form-control {
border: 0;
}
.popUp_page_wrapper .signup_phone_code_div .form-control:focus {
border: 0 !important;
box-shadow: none !important;
}
.popUp_page_wrapper .custom-select-wrapper {
max-width: 11rem;
border-right: 1px solid var(--primary-color) !important;
border-radius: 0 !important;
}
.popUp_page_wrapper .custom-select-wrapper .form-control {
color: var(--text-color);
}
.popUp_page_wrapper .content .form-control:focus {
box-shadow: none;
}
.popUp_page_wrapper .input_error {
font-size: 13px;
color: red;
}
/* .popUp_page_wrapper .content .form-check-input {
border: 2px solid #ccc;
} */
.popUp_page_wrapper .content .password {
border-right: none;
border-color: #c4c4c4 !important;
}
.popUp_page_wrapper .content .left_border {
color: #c4c4c4;
border: 1px solid #c4c4c4 !important;
display: flex;
align-items: center;
justify-content: center;
}
.popUp_page_wrapper .content .left_border:hover {
color: #333333;
}
.popUp_page_wrapper .content .input-group-text {
background-color: transparent;
border-left: none;
}
.popUp_page_wrapper .content .form-check-label {
font-size: 0.9rem;
padding-top: 0.1rem;
}
.popUp_page_wrapper .content .base_btn {
font-weight: 500;
font-size: 1.125rem;
text-align: center;
text-transform: uppercase;
padding: 0.8rem 0rem;
width: 100%;
border-radius: 0.25rem;
margin-top: 1rem;
letter-spacing: 2%;
background-color: var(--primary-color);
border-color: var(--primary-color);
color: var(--white);
}
.popUp_page_wrapper .content .base_btn:hover {
filter: brightness(115%);
}
/* .popUp_page_wrapper .content .register_btn { color: #747474; } */
.popUp_page_wrapper .content .text_after {
position: relative;
padding: 0.5rem 0 0.5rem 0;
font-weight: 500;
font-size: 0.875rem;
color: #666060;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.popUp_page_wrapper .content .text_after::before,
.popUp_page_wrapper .content .text_after::after {
content: "";
width: calc(50% - 4rem);
height: 1px;
background: var(--primary-color);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0%;
}
.popUp_page_wrapper .content .text_after::after {
right: 0;
left: auto;
}
.popUp_page_wrapper .abcRioButtonBlue {
margin: 0 auto 0.75rem auto;
max-width: 247px !important;
border-radius: 0.125rem;
}
.popUp_page_wrapper .content .fb_btn {
background: #3b5998;
color: #fff !important;
margin-top: 0.4rem;
font-weight: 500;
}
.popUp_page_wrapper .social_login_divs {
max-width: 250px;
margin: 0 auto;
}
/* ====================================================== Log In And Sign Up Modal Styles ==================================== */
.owl-nav {
display: none !important;
}
.owl-dots {
text-align: center;
display: block !important;
}
.owl-dots .owl-dot {
width: 1rem;
height: 1rem;
border-radius: 50%;
border: 1px solid var(--primary-color) !important;
margin: 0% 0.25rem;
}
.owl-dots .owl-dot.active {
border: 1px solid var(--secondary-color) !important;
background-color: var(--secondary-color) !important;
}
/* ========================== Header Section Styles ================================= */
.banner-new .carousel-item .thumbnail {
position: relative;
top: 0%;
left: 0%;
right: 0%;
bottom: 0%;
display: block;
}
.banner-new .carousel-item .thumbnail img {
min-height: 100%;
}
.banner-new .carousel-caption {
padding: 5rem 0;
position: unset;
transform: none;
text-align: left;
z-index: 11;
}
.banner-new .carousel-caption .content {
position: relative;
z-index: 99;
min-height: 12em;
}
.arrow-bg {
width: 3rem;
height: 3rem;
border-radius: 50% !important;
background-color: rgba(255, 255, 255, 0.8) !important;
color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
}
.carousel-control-next,
.carousel-control-prev {
opacity: 1;
}
.banner-new .btn-white {
border-radius: 0;
background-color: var(--secondary-color);
border-color: var(--secondary-color);
color: var(--white);
padding: 0.5rem 1.5rem;
font-size: 1.125rem;
transition: all 0.3s ease-in-out;
}
.banner-new .btn-white:hover {
filter: brightness(115%);
}
.desktop-image {
width: 100%;
}
.banner-new .carousel-indicators [data-bs-target] {
opacity: 1;
background-color: var(--primary-color);
}
.banner-new .carousel-indicators .active {
opacity: 1;
background-color: var(--secondary-color);
}
.banner-new .carousel-item:nth-of-type(even) .carousel-caption {
left: auto;
right: 10%;
margin-left: auto;
text-align: right;
}
.banner-new h2 {
max-width: 30rem;
font-size: 2.75rem;
line-height: 1.2;
font-weight: 500;
color: #fff;
margin-bottom: 0.8rem;
}
.responsive-image {
/*padding-top: 45px;*/
margin: 0 auto;
width: 100%;
}
.banner-new h5 {
background: rgba(0, 0, 0, 0.8);
font-weight: 500;
color: #fff;
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
font-size: 1rem;
display: inline-block;
}
.caption-inside .btn-success {
width: 160px;
height: 46px;
line-height: 32px;
}
/* ========================== Header Section Styles ================================= */
/* ========================== Header Bottom Section Styles ================================= */
.blog {
/* padding: 2rem 0; */
position: relative;
}
.blog .item {
background: none;
border-radius: none;
}
.card {
background: none;
box-shadow: none;
border-radius: 4px;
padding: 0;
border: none;
position: relative;
}
.main-product {
background: var(--white);
border-radius: 5px;
border: 1px solid var(--secondary-color-light);
position: relative;
transition: all 0.4s ease;
padding: 15px;
}
.info_box {
margin-top: 15px;
}
.blog .item a {
display: block;
text-align: center;
}
.blog .item a:hover {
color: var(--text-color);
}
.blog .item img {
border: none;
border-radius: 0.65rem 0 0.65rem;
/*margin-bottom: 0.5rem;*/
margin-bottom: 0px;
}
.blog .owl-prev,
.blog .owl-next,
.featurad-section-car .owl-prev,
.featurad-section-car .owl-next {
position: absolute;
top: 28%;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--primary-color);
text-align: center;
opacity: 1;
z-index: 55;
font-size: 1rem;
width: 2rem;
height: 2rem;
border: 0;
background-color: transparent;
}
.featurad-section-car .owl-prev {
left: 5%;
}
.featurad-section-car .owl-next {
right: 5%;
}
.blog .container {
position: relative;
}
.blog .owl-prev {
left: -3%;
}
.blog .owl-next {
right: -2%;
}
.add-banner-sec img {
display: flex;
margin: 0 auto;
}
/* ========================== Header Bottom Section Styles ================================= */
.featurad-section {
padding: 2rem 0;
}
.featurad-section.first-child {
padding: 0.5rem 0 2rem 0;
}
.featurad-section.last-child {
padding: 2rem 0 2rem;
}
.mt-2rem {
margin-top: 2rem;
}
.cod-section {
padding: 50px 0;
}
/* .cod-section .row .col-md-4 {
position: relative;
} */
.cod-section .row .col-md-4::after {
content: "";
display: block;
width: 1px;
height: 60%;
background-color: #808c98;
position: absolute;
top: 50%;
right: 0%;
transform: translateY(-50%);
}
.cod-section .row .col-md-4:last-child::after {
content: none;
}
.cod-in img {
height: 4.5rem;
width: 4.5rem;
object-fit: contain;
}
.cod-section .item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.cod-section .item img {
height: 50px;
width: 50px;
object-fit: contain;
margin-bottom: 20px;
}
.text-cod {
font-family: var(--sec-font);
color: var(--primary-color);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 20px;
}
.text-des {
color: var(--primary-color);
text-align: center;
}
/* =================== Footer Section Styles ========================== */
.footer {
background-color: var(--footer-background-color);
padding: 50px 0 70px 0;
color: var(--footer-text-color);
border-top: 1px solid var(--footer-text-color);
}
.footer .logo {
max-height: 3.5rem;
}
.footer a {
color: var(--footer-text-color);
}
.footer ul li:not(:last-child) {
margin-bottom: 20px;
}
.footer .title strong {
color: var(--footer-text-color);
font-family: var(--body-font);
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 1px;
text-transform: capitalize;
margin-bottom: 25px;
display: block;
}
.footer .footer-social-sec {
border-bottom: 1px solid val(--footer-background-color);
}
.footer ul li a {
font-size: 16px;
}
.footer .footer-social-sec ul li a {
font-size: 1.5rem;
color: var(--secondary-color);
}
.footer .footer-social-sec ul li a svg {
width: 1.35rem;
height: 1.35rem;
}
.footer .developed {
color: var(--secondary-color);
}
.footer .developed:hover {
color: var(--secondary-color);
text-decoration: underline;
}
.footer .download-btn img {
height: 2.25rem;
width: auto;
}
/*============================ Product Page Filter Box Styles Start Here =====================================*/
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");
.category__accordion {
max-height: 18rem;
overflow-y: auto;
margin-left: -1rem;
margin-right: -1rem;
}
.category__accordion .card {
/*background-color: #fff;*/
padding: 0;
border: none;
box-shadow: none;
margin-bottom: 6px;
}
.category__accordion .card .card-header {
background-color: transparent;
border-color: rgba(21, 27, 57, 0.04);
padding: 0;
border: none;
}
.category__accordion .card .card-header a {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
}
.category__accordion .acc_btn {
width: 2rem;
height: 2rem;
}
.category__accordion .acc_btn ~ a {
color: #151b39 !important;
}
.category__accordion .acc_btn.collapsed {
color: #6f7284;
}
.category__accordion .acc_btn:hover {
color: #151b39;
}
.category__accordion .acc_btn:focus {
box-shadow: none;
}
.category__accordion .card .card-header [data-toggle="collapse"] .fa:before {
content: "\f106";
font-size: 18px;
margin-left: -3px;
}
.category__accordion
.card
.card-header
[data-toggle="collapse"].collapsed
.fa:before {
content: "\f105";
font-size: 18px;
margin-left: 0;
}
.category__accordion .card .card-body {
padding: 0.3rem 0.3rem 0.3rem 0rem;
margin-bottom: 0;
}
.category__accordion a {
text-decoration: none;
padding: 0;
text-transform: capitalize;
display: flex;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
}
.category__accordion a img {
margin-right: 10px;
}
.category__accordion a:hover {
color: #151b39;
}
.category__accordion .card .card-body li {
position: relative;
margin-bottom: 15px;
}
.category__accordion .card .card-body li a.firstLabel {
padding-left: 25px;
}
.category__accordion .card .card-body li a.firstLabelChild {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: 0;
z-index: 555;
}
.category__accordion .card .card-body li a.firstLabelChild::after {
content: "\f105";
font: normal normal normal 18px/1 FontAwesome;
width: 1px;
height: 1px;
position: absolute;
top: calc(50% - 8px);
left: 5px;
}
.category__accordion .card .card-body li a.firstLabelChild.openChild::after {
content: "\f106";
width: 1px;
height: 1px;
color: #36a5de;
position: absolute;
top: calc(50% - 9px);
right: auto;
left: 2px;
font-size: 20px;
}
.category__accordion
.card
.card-body
li
.d-flex
a.firstLabelChild
~ a.firstLabel {
color: #6f7284 !important;
}
.category__accordion
.card
.card-body
li
.d-flex
a.firstLabelChild.openChild
~ a.firstLabel {
color: #36a5de !important;
}
.category__accordion .card .card-body li:hover > a {
color: #36a5de;
}
.category__accordion .card .card-body li ul {
padding: 15px 0 0 15px;
}
/*.category__accordion .card .card-body li:hover ul {
visibility: visible;
height: 100%;
}*/
.category__accordion .card .card-body li ul li ul {
padding-left: 1rem;
}
.category__accordion .card .card-body li ul li {
position: relative;
}
.category__accordion .card .card-body li ul li a.secondLabelChild {
width: 20px;
height: 20px;
position: absolute;
top: 0;
left: -18px;
}
.category__accordion .card .card-body li ul li a.secondLabelChild::after {
content: "\f105";
font: normal normal normal 18px/1 FontAwesome;
width: 1px;
height: 1px;
position: absolute;
top: calc(50% - 8px);
left: 5px;
}
.category__accordion
.card
.card-body
li
ul
li
a.secondLabelChild.openChild::after {
content: "\f106";
font: normal normal normal 18px/1 FontAwesome;
width: 1px;
height: 1px;
width: 1px;
height: 1px;
position: absolute;
top: calc(50% - 8px);
left: 0;
}
.category__accordion .card .card-body li ul li:hover > a {
color: #6aa03b;
}
.category__accordion .card .card-body li ul li > a:hover {
color: #36a5de;
}
/*.category_filter_div * {
scrollbar-width: thin;
scrollbar-color: #fff #fff;
}
.category_filter_div * {
scrollbar-width: thin;
scrollbar-color: #fff #fff;
overflow: hidden;
}
.category_filter_div *::-webkit-scrollbar {
width: 8px;
}
.category_filter_div *::-webkit-scrollbar-track {
background: #fff;
}
.category_filter_div *::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 20px;
border: 1px solid #fff;
}*/
.category__accordion {
overflow: auto;
min-height: 200px;
}
/* Optional: For more fine-grained control */
.category__accordion::-moz-scrollbar {
width: 6px;
/* Set the width of the scrollbar */
}
.category__accordion::-moz-scrollbar-thumb {
background-color: #000000;
/* Keep the scrollbar thumb visible */
border-radius: 10px;
/* Make the scrollbar thumb rounded */
}
.category__accordion::-moz-scrollbar-track {
background-color: transparent;
/* Make the scrollbar track transparent */
}
/* WebKit-based browsers */
.category__accordion::-webkit-scrollbar-track {
background-color: transparent;
/* Make the scrollbar track transparent */
}
.category__accordion::-webkit-scrollbar {
width: 6px;
/* Set the width of the scrollbar */
background-color: transparent;
/* Make the scrollbar background transparent */
}
.category__accordion::-webkit-scrollbar-thumb {
background-color: #000000;
/* Keep the scrollbar thumb visible */
border-radius: 10px;
/* Make the scrollbar thumb rounded */
}
.category__accordion::-webkit-scrollbar-button {
width: 0;
height: 0;
display: none;
/* Ensures buttons are not displayed */
background: none;
/* Removes any background */
border: none;
/* Removes any borders */
}
@-moz-document url-prefix() {
.category__accordion {
scrollbar-width: thin;
/* Set the width of the scrollbar */
scrollbar-color: #000000 transparent;
/* Set the color of the thumb and track */
}
.category__accordion::-moz-scrollbar-thumb {
background-color: #000000;
/* Keep the scrollbar thumb visible */
border-radius: 10px;
/* Make the scrollbar thumb rounded */
border: 2px solid transparent;
/* Add transparent border to show rounding */
}
.category__accordion::-moz-scrollbar {
width: 6px;
/* Set the width of the scrollbar */
}
}
/*******BULK Quatation********/
.bulk-order-quatation .table.bg-secondary th {
font-size: 13px;
font-weight: 500;
color: #fff;
}
.bulk-order-quatation .title__box {
font-size: 14px;
font-weight: 600;
}
.bulk-order-quatation .detailsWrapper .row:not(:last-child) {
border-bottom: 1px solid #ddd;
}
.bulk-order-quatation .detailsWrapper .row {
padding: 13px !important;
}
.bulk-order-quatation .detailsWrapper .row.action {
padding: 0 !important;
align-items: center;
}
.bulk-order-quatation .img {
max-width: 12%;
padding: 0 5px;
}
.bulk-order-quatation .name {
max-width: 33%;
padding: 0 5px;
}
.bulk-order-quatation .action {
max-width: 55%;
flex: 0 0 auto;
text-align: center;
padding: 0 5px;
}
.bulk-order-quatation .action small {
display: none;
}
.bulk-order-quatation .res_price {
display: none;
}
.bulk-order-quatation .btn-primary.cart {
background: #5cb85c;
border-color: #5cb85c;
padding: 7px 8px 6px 8px;
font-weight: bold;
min-width: 104px;
}
.bulk-order-quatation .btn-secondary.cart {
padding: 7px 1px 6px 1px;
font-weight: bold;
min-width: 104px;
}
.bulk-order-quatation .btn-primary.cart.single {
background: #36a5de;
border-color: #36a5de;
}
.bulk-order-quatation .btn-primary.cart.single:hover {
background: #2781ad;
border-color: #2781ad;
}
.bulk-order-quatation .btn-primary.cart:hover {
background: #36a5de;
border-color: #36a5de;
}
.bulk-order-quatation .heading .label {
font-size: 15px;
text-transform: lowercase;
color: rgb(20, 20, 20) !important;
}
.bulk-order-quatation .detailsWrapper .card-footer .name {
max-width: 45%;
}
@media (max-width: 1200px) {
.bulk-order-quatation .action {
text-align: left;
}
.bulk-order-quatation .action .col {
flex: 1 0 100%;
padding-left: 23%;
}
.bulk-order-quatation .title__box {
display: none;
}
.bulk-order-quatation .action small {
display: inline-block;
color: #777;
}
.bulk-order-quatation .img {
max-width: 20%;
}
.bulk-order-quatation .name {
max-width: 80%;
}
.bulk-order-quatation .action {
max-width: 100%;
}
.bulk-order-quatation .detailsWrapper .card-footer .name {
max-width: 100%;
padding-left: 21%;
}
.bulkQuotedOfferContentBlock {
position: absolute;
bottom: 44%;
right: 0;
max-width: 150px;
padding-left: 0 !important;
}
}
@media (max-width: 575px) {
.bulk-order-quatation .amount-section h2 {
line-height: 22px;
}
.bulk-order-quatation .img {
max-width: 90px;
}
.bulk-order-quatation .name {
max-width: calc(100% - 90px);
}
.bulk-order-quatation .action .col {
flex: 1 0 100%;
text-align: left;
padding-left: 105px;
}
.bulk-order-quatation .res_price_hide {
display: none;
}
.bulk-order-quatation .res_price {
display: block;
}
.bulk-order-quatation .btn-primary.cart {
margin-top: 5px;
}
.bulk-order-quatation .detailsWrapper .card-footer .name {
padding-left: 93px;
}
.bulk-order-quatation .up__checkout__wrapper .amount-header {
font-size: 16px !important;
padding: 8px 15px;
}
.bulkQuotedOfferContentBlock {
position: unset;
margin: 10px auto 0 29%;
}
}
.bulkQuotedOfferContent small {
display: block !important;
font-size: 14px;
color: #fff !important;
padding: 0 7px;
}
.bulkQuotedOfferContent {
border: 1px solid #fc7c49;
text-align: center;
border-radius: 30px;
background-image: url(../images/50-percent.png);
min-width: 105px;
height: 47px;
background-repeat: no-repeat;
background-size: contain;
display: flex;
align-items: center;
}
.bulkQuotedOfferContent.final {
background-image: url(../images/percentage.png);
border-color: #5cb85c;
}
.bulkQuotedOfferContent span {
font-size: 18px;
font-weight: 600;
color: #212129;
padding-left: 5px;
padding-right: 5px;
}
.order-details-button {
display: flex;
justify-content: flex-end;
}
.order-details-button .btn-outline-primary {
padding: 8px 12px;
font-size: 15px;
}
/*====== Product Page Styles Start Here ===========================================*/
/*.product_list_wrapper {
padding: 1rem 0;
}*/
.product_list_wrapper .filterMenu {
width: 310px;
flex: 0 0 auto;
}
.product_list_wrapper .ProductContentBox {
width: calc(100% - 310px);
flex: 0 0 auto;
padding-left: 15px;
}
.product_list_wrapper .left_filter_container .heading {
margin-bottom: 0;
border: none;
padding: 0.5rem 1rem;
position: relative;
background: #f3f3f3;
display: none;
}
.all_cat {
color: red;
text-align: right;
position: absolute;
right: 20px;
}
.all_filter_label {
color: #3fa5de !important;
}
.product_list_wrapper .left_filter_container .category {
padding: 1rem 1rem 1rem 0px;
/*border-top: 1px solid #d4d4d4;*/
position: relative;
}
.form-check-input[type="checkbox"] {
border-radius: 0.125em;
}
.product_list_wrapper .left_filter_container .category .form-check {
margin-bottom: 0.25rem;
}
.product_list_wrapper .left_filter_container .category .form-check-label {
font-size: 0.925rem;
line-height: 1.5;
letter-spacing: 0.01rem;
color: #333333;
padding-left: 0.2rem;
}
.product_list_wrapper .left_filter_container .category .text {
font-weight: 500;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 20px;
font-style: normal;
margin-bottom: 15px;
}
.product_list_wrapper .left_filter_container .category .text.res_btn {
display: none;
}
.product_list_wrapper .left_filter_container .range_box {
display: flex;
padding-top: 1rem;
}
.product_list_wrapper .left_filter_container .range_box .text {
vertical-align: middle;
padding-top: 0.5rem;
}
.product_list_wrapper .left_filter_container .show_btn {
font-weight: 600;
font-size: 1.125rem;
line-height: 1.8rem;
letter-spacing: 0.01rem;
color: #6aa03b !important;
padding-top: 0.5rem;
cursor: pointer;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.product_list_wrapper .left_filter_container .show_btn:hover {
color: #000000;
}
.product_list_wrapper .main_product_wrapper .header_box {
border-bottom: none;
margin-bottom: 25px;
align-items: center;
padding-bottom: 0px;
}
.product_list_wrapper .main_product_wrapper .header_box .heading {
border: none;
margin-bottom: 0;
}
.product_list_wrapper .main_product_wrapper .header_box .right_box {
text-align: right;
justify-content: flex-end;
display: flex;
}
.product_list_wrapper .main_product_wrapper .header_box .right_box .sort_box {
max-width: 350px;
border: 1px solid var(--primary-color);
padding: 12px 5px;
border-radius: 12px;
}
.product_list_wrapper
.main_product_wrapper
.header_box
.right_box
.sort_box
span {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
/* text-decoration: underline; */
}
#billing_addr_name_prefix {
color: var(--primary-color) !important;
}
.product_list_wrapper
.main_product_wrapper
.header_box
.right_box
.sort_box
.select {
background-size: 0.7rem;
padding: 0;
min-width: 150px;
border: none;
height: auto;
margin: 0px;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 1;
}
.product_list_wrapper
.main_product_wrapper
.header_box
.right_box
.sort_box
.select {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
opacity: 1;
padding: 0 15px;
}
.product_list_wrapper .pagination_box {
padding-top: 1rem;
width: 100%;
display: flex;
}
.product_list_wrapper .pagination_box .pagination .page-link:focus {
box-shadow: none;
outline: none;
}
.product_list_wrapper .pagination_box .pagination .page-link {
display: flex;
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
background: var(--white);
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
border-radius: 4px;
border: 1px solid var(--primary-color);
}
.product_list_wrapper .pagination_box .pagination .active-link {
background: var(--primary-color);
color: var(--white) !important;
}
/*__ Select __*/
.select {
width: 45%;
height: 2.5rem;
margin: 0 0.2rem;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0.01rem;
color: #333333;
opacity: 0.81;
padding: 0.1rem 0.7rem;
border: 1px solid #d4d4d4;
border-radius: 0.2rem;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
-ms-border-radius: 0.2rem;
-o-border-radius: 0.2rem;
/*__ Select DropDown Icon Change __*/
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background-image: url(../images/arrow-down.svg);
background-repeat: no-repeat;
background-position: right;
background-position-x: 96%;
}
.product__card.card {
height: auto !important;
}
/*.product__card.card .info_box {
min-height: 8rem;
}*/
.product_base_image_div {
text-align: center;
display: flex;
align-items: center;
height: 100%;
justify-content: center;
min-height: 22rem;
overflow: hidden;
}
.productBoxAddToCartDiv.out_of_stock {
background-color: var(--red) !important;
color: white;
pointer-events: none;
}
.product_box .title {
font-size: 1.125rem;
color: var(--text-color);
padding: 0.5rem 0 0 0;
text-align: left;
margin-bottom: 0.5rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product_box .packSize {
display: block;
color: #3a611a;
}
.product_box .btn-white {
margin-top: 0.35rem;
}
.product_box .price_box {
margin-top: 0.75rem;
flex-wrap: wrap;
}
.product_box .price_box .price {
font-weight: 600;
font-size: 1.35rem;
letter-spacing: 0.01em;
margin-right: 0.75rem;
}
.product_box .price_box .del {
font-weight: normal;
font-size: 1rem;
letter-spacing: 0.01em;
color: var(--secondary-color-light);
padding-right: 0.75rem;
}
.product_box .price_box .discount {
font-size: 1rem;
line-height: 1.2rem;
letter-spacing: 0.01em;
color: #ff5869;
}
.product_box .rating_box .svg {
width: 1rem;
height: 1rem;
margin: 0.2rem;
}
.product_box .rating_box .count {
font-size: 0.9rem;
line-height: 1.4rem;
letter-spacing: 0.01em;
padding-top: 0.2rem;
color: #777777;
}
.product_box:hover {
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.product_box img:hover {
transform: scale(1.1);
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
/*============================== Product Detail Page Styles Start Here ===========================================*/
.main_detail_page__wrapper {
padding: 3rem 0 0;
background: var(--light-white);
}
.main_detail_page__wrapper .header_wrapper:first-child .container {
background: var(--white);
padding-bottom: 50px;
}
.mega_sale_wrapper {
background: var(--white);
}
.main_detail_page__wrapper .mega_sale_wrapper .container {
background: none;
padding-bottom: 0px;
}
.filter_btn_box.text-center {
max-height: 40rem;
overflow-y: auto;
scrollbar-color: #9ccb74 #f1f1f1;
scrollbar-width: thin;
margin-top: 0.75rem;
z-index: 55;
position: relative;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_content
.like_box {
width: 40px;
height: 40px;
border: 1px solid #d4d4d4;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
background: #ffffff;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
margin: 1rem;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0%;
right: 0%;
z-index: 500;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_content
.like_box.removeFromWishlist {
color: var(--secondary-color);
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_content
.like_box
.fa {
font-size: 1rem;
color: #c4c4c4;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_content
.filter_box {
text-align: center;
display: flex;
vertical-align: middle;
justify-content: center;
height: 100%;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_content
.filter_box
img {
/* width: auto; */
width: 100%;
object-fit: contain;
height: 100%;
max-height: 700px;
}
.left_container .new-tag {
position: absolute;
top: 20px;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_btn_box
.filter_btn {
padding: 4px;
margin-bottom: 0.3rem;
width: 102px;
height: 102px;
cursor: pointer;
border: 1px solid var(--light-color);
border-radius: 4px;
margin-right: 15px;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_btn_box
.filter_btn
img {
width: auto;
height: 100%;
object-fit: cover;
}
.cart_btn_box {
margin-top: 1rem;
}
.container.review-list {
margin-top: 180px;
margin-bottom: 50px;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_btn_box
.filter_btn:hover {
border-color: #ff784e;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_btn_box
.filter_btn:hover
img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.color_box
a.custom-capacity-attr {
padding: 6px 10px;
margin-right: 10px;
margin-top: 3px;
border-radius: 4px;
border: 1px solid var(--light-color);
color: var(--primary-color);
text-align: center;
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
transform: all 0.6s ease;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.color_box
a.custom-capacity-attr.active {
border: 1px solid var(--secondary-color);
font-weight: 500;
color: var(--secondary-color);
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.color_box
a.custom-capacity-attr:hover {
border: 1px solid var(--secondary-color);
color: var(--secondary-color);
}
.main_detail_page__wrapper .cart_btn_box .btn,
.go_to_cart_button {
border-radius: 4px 0px 0px 4px;
border: 1px solid var(--secondary-color);
background: var(--white);
display: inline-flex;
padding: 15px 30px;
justify-content: center;
align-items: flex-start;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.9px;
position: relative;
z-index: 0;
}
.main_detail_page__wrapper .cart_btn_box .btn img {
margin-right: 5px;
}
.main_detail_page__wrapper .cart_btn_box {
display: flex;
flex-wrap: wrap;
}
.main_detail_page__wrapper .cart_btn_box .btn.buyNowButton {
background: var(--primary-color);
margin-left: 10px;
font-weight: 500;
color: var(--white);
border-radius: 0px 4px 4px 0px;
border: none;
flex: 1;
transition: all 0.6s ease;
}
.main_detail_page__wrapper .cart_btn_box .btn.buyNowButton:hover {
background: var(--secondary-color);
}
.main_detail_page__wrapper .header_wrapper .right_container .choose-color {
position: relative;
margin-right: 10px;
}
.choose-color.selected-attr:after {
content: "\f00c";
color: #fff;
top: 0px;
left: 0px;
height: 100%;
right: 0;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
font-family: "FontAwesome";
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.filter_btn_box
.active_filter_btn {
border: 1px solid var(--primary-color);
}
.main_detail_page__wrapper .header_wrapper .left_container .cart_btn_box {
position: relative;
z-index: 99;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.base-btn {
font-weight: 500;
font-size: 1rem;
line-height: 1.625rem;
text-align: center;
text-transform: uppercase;
color: #ffffff !important;
padding: 0.8rem 0rem;
width: 47%;
margin: 0 0.3rem;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
border-radius: 0.65rem;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.base-btn:first-child {
margin-left: 0;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.base-btn
.fa {
padding-right: 0.7rem;
font-size: 1.6rem;
text-align: center;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.cart_btn {
background-color: var(--secondary-color);
transition: 0.5s all;
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.cart_btn:hover {
color: #fff;
background: var(--secondary-color);
filter: brightness(115%);
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.buy_btn,
.modal .btn-primary {
background: var(--primary-color);
color: var(--white);
border-color: var(--primary-color);
}
.main_detail_page__wrapper
.header_wrapper
.left_container
.cart_btn_box
.buy_btn:hover {
background: #36a5de;
color: var(--white);
filter: brightness(115%);
}
.main_detail_page__wrapper .header_wrapper .right_container {
/*overflow-y: auto;*/
max-height: 100% !important;
}
@media (max-width: 991px) {
.main_detail_page__wrapper
.header_wrapper
.right_container.js-set-scroll-box {
max-height: 100% !important;
}
}
.main_detail_page__wrapper .header_wrapper .right_container .title {
color: #212129;
font-family: var(--body-font);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.main_detail_page__wrapper .header_wrapper .right_container .review_box .svg {
width: 1rem;
height: 1rem;
margin: 0 0.1rem;
}
.main_detail_page__wrapper .header_wrapper .right_container .review_box .text {
color: #774477;
font-size: 1rem;
}
.main_detail_page__wrapper .header_wrapper .right_container .price_box {
padding-top: 0rem;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1rem;
margin-top: 0.75rem;
}
.main_detail_page__wrapper .header_wrapper .right_container .price_box .price {
color: var(--primary-color);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding-right: 10px;
margin-bottom: 0px;
}
.main_detail_page__wrapper .header_wrapper .right_container .price_box .text {
color: var(--primary-color);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
padding-right: 10px;
margin-bottom: 0px;
font-family: var(--inter-font);
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.price_box
.discount {
color: var(--secondary-color);
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.main_detail_page__wrapper .header_wrapper .right_container .color_box {
padding-bottom: 0.8rem;
}
.main_detail_page__wrapper .header_wrapper .right_container .color_box .color {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.main_detail_page__wrapper .header_wrapper .right_container .color_box .item {
width: 2.2rem;
height: 2.2rem;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
padding: 0rem 0.35rem;
margin: 0% 0.3rem;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.color_box
.item
.form-check-input {
font-size: 1.5rem;
background-color: transparent;
border: none;
}
.main_detail_page__wrapper .header_wrapper .right_container .color_box .black {
background-color: black;
}
.main_detail_page__wrapper .header_wrapper .right_container .color_box .gray {
background-color: gray;
}
.main_detail_page__wrapper .header_wrapper .right_container .color_box .blue {
background-color: blue;
}
.main_detail_page__wrapper .header_wrapper .right_container .address_box .text {
margin-bottom: 10px;
color: #ff5869;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box {
border-radius: 4px;
border: 1px solid var(--primary-color);
background: var(--white);
padding: 0 0 0 0.6rem;
width: 60%;
display: flex;
height: 50px;
}
.bulk_order_div {
margin: 20px 0;
display: flex;
align-items: center;
}
.bulk_order_div a {
font-weight: 500;
color: var(--secondary-color) !important;
font-size: 18px;
padding: 0px;
}
.bulk_order_div img {
height: 20px;
margin-right: 5px;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box
.fa {
padding-top: 0.5em;
padding-right: 0.3rem;
font-size: 1.1rem;
color: var(--secondary-color);
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box
input {
width: 100%;
padding-left: 13px;
border: none;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box
img {
height: 20px;
margin-top: 14px;
}
.check-address {
background: var(--white);
border: none;
border-left: 1px solid var(--primary-color);
padding: 14px 10px;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
outline: none;
position: relative;
z-index: 0;
}
.check-address:hover {
color: #fff;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box
.search_btn {
width: auto;
font-size: 1.125rem;
/*color: #FF5869;*/
color: rgb(156 203 116);
font-weight: 500;
padding: 0 0.6rem 0.1rem 0.5rem;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box
.search_btn:hover {
background-color: #ff58691a;
}
.main_detail_page__wrapper .header_wrapper .right_container .coupon_btn {
/*background-color: #FF784E;*/
background-color: rgb(156 203 116);
margin-top: 0.7rem;
font-size: 1.12rem;
padding: 0.5rem 2rem;
color: #fff !important;
border-radius: 0.3rem;
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
-ms-border-radius: 0.3rem;
-o-border-radius: 0.3rem;
}
.main_detail_page__wrapper .header_wrapper .right_container .coupon_btn:hover {
box-shadow: inset 0 4rem 0 0 #36a5de;
transition: all 0.8s ease;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
}
.main_detail_page__wrapper .header_wrapper .right_container .bold_text {
font-weight: 500;
color: var(--primary-color) !important;
margin-bottom: 10px;
font-size: 16px;
padding-top: 0px !important;
}
.main_detail_page__wrapper .header_wrapper .right_container .list_box {
display: flex;
align-items: center;
}
.main_detail_page__wrapper .header_wrapper .right_container .list_box span {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
position: relative;
padding-left: 5px;
}
.main_detail_page__wrapper .header_wrapper .right_container .list_box a span {
color: var(--primary-color);
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.list_box
.fa-circle {
font-size: 13px;
color: var(--primary-color);
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.payment_box.d-flex {
display: block !important;
}
.main_detail_page__wrapper .header_wrapper .right_container .payment_box img {
width: auto;
height: 3rem;
margin: 0.5rem 0;
display: block;
}
.main_detail_page__wrapper
.header_wrapper
.right_container
.payment_box
.stripe_logo {
height: auto;
width: 15rem;
}
.main_detail_page__wrapper .header_wrapper .des_filter_btn_box {
width: 100%;
display: flex;
margin: 20px 0 0 0;
background: var(--secondary-color-light);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
}
.white {
background: var(--white);
}
.main_detail_page__wrapper .header_wrapper .des_filter_btn_box .filter_btn {
color: var(--primary-color);
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
cursor: pointer;
padding: 18px 20px;
}
.main_detail_page__wrapper
.header_wrapper
.des_filter_btn_box
.filter_btn:hover {
color: var(--primary-color);
border-bottom: 2px solid var(--secondary-color);
}
.main_detail_page__wrapper
.header_wrapper
.des_filter_btn_box
.des_active_filter_btn {
font-weight: 500;
color: var(--primary-color);
border-bottom: 2px solid var(--secondary-color);
}
.main_detail_page__wrapper .header_wrapper .des_filter_content {
padding: 20px;
min-height: 200px;
}
.main_detail_page__wrapper .header_wrapper .des_filter_content .text {
color: #000;
margin-bottom: 0.85rem;
}
.main_detail_page__wrapper
.header_wrapper
.des_filter_content
.table
td:nth-child(1) {
color: #333333;
}
.main_detail_page__wrapper .header_wrapper .des_filter_content .table td {
font-size: 1rem;
color: #747474;
font-weight: 400;
padding: 0.3rem 0;
}
.main_detail_page__wrapper .header_wrapper .description_box {
padding: 3rem 0 2rem 0;
}
.main_detail_page__wrapper .header_wrapper .description_box .text_colored {
color: #ff5869 !important;
font-weight: 600;
padding-top: 0.5rem;
}
.main_detail_page__wrapper .header_wrapper .description_box .text {
color: #747474;
font-size: 1rem;
}
.list_box li i {
font-size: 0.625rem;
color: #987e4d;
position: relative;
top: -0.125rem;
}
/*================================ Checkout Page ======================================================================*/
.checkout-details .card {
padding: 0%;
border-radius: 0.25rem;
margin-bottom: 30px;
}
.checkout-details .card .card-header {
border: 1px solid var(--secondary-color-light);
background: var(--light-white);
padding: 14px 20px;
border-radius: 4px;
}
.checkout-details .right_container .card .card-header,
.checkout-details .cart-products-amount .card .card-header {
border-radius: 4px 4px 0px 0px;
}
.checkout-details .card .card-header h4 {
font-size: 18px;
color: var(--primary-color);
margin-bottom: 0;
text-align: left;
font-weight: 500;
font-family: var(--body-font);
}
.checkout-details .card .card-header h4 span {
font-size: 0.925rem;
}
.amount-section.summary-div .checkout-box {
border-bottom: 0;
}
.amount-section.summary-div .checkout-box .row.cart-box {
margin: 15px 0;
padding: 10px 0;
background: #ffffff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.11);
border-radius: 20px;
}
.amount-section p {
font-size: 0.875rem;
margin-bottom: 0.5rem;
color: #333333;
}
.checkout-price {
font-weight: 600;
font-size: 1.125rem;
line-height: 1.2;
padding-right: 0.5rem;
display: inline-block;
margin-bottom: 0.25rem;
}
/* .amount-section span {
font-size: 15px;
color: #1f85c7;
display: inline-block;
} */
.amount-section span.checkout-price {
padding-right: 1rem;
}
.amount-section span.chekoutProductTaxInfo {
display: block;
font-size: 13px;
/* padding-top: 6px; */
/* color: #77b741; */
}
span.chekoutProductDiscount,
.chekoutProductTaxInfo {
font-size: 13px;
border: 1px solid var(--secondary-color);
color: var(--secondary-color);
border-radius: 2rem;
font-weight: 400;
display: inline-block;
padding: 1px 8px;
margin-right: 0;
}
.chekoutProductTaxInfo {
border: 0;
padding: 0%;
}
.amount-section del {
font-weight: 700;
color: #747474;
margin-right: 1rem;
}
.amount-section.summary-div .checkout-box .row.cart-box img {
/*height: 85px;*/
width: auto !important;
max-width: 100%;
}
.cart-box {
padding: 1rem;
background: #ffffff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.11);
border-radius: 1rem;
}
.review-list .cart-box {
margin: 0 !important;
padding: 20px 15px;
}
.review-list .cart-box h3 {
font-size: 18px;
}
.cart-box h3 {
font-weight: 500;
font-size: 1rem;
text-align: left;
color: #333333;
margin-bottom: 0;
}
.control_box {
width: 100%;
display: flex;
justify-content: center;
margin-bottom: 0.65rem;
}
.control_box .pagination {
margin-bottom: 0;
}
.control_box .item {
/*font-size: 1.2rem;
padding: 0.1rem 1rem;
border: 1px solid #d4d4d4;
border-radius: 0.2rem;
margin: 0 0.2rem;*/
font-size: 18px;
cursor: pointer;
transition: all 0.3s ease;
}
.control_box .num {
padding: 10px;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.control_box .item:hover {
background-color: #f1f1f1;
}
.control_box .item:nth-child(1),
.control_box .item:nth-child(3) {
padding: 10px 14px;
}
.input_error {
font-size: 13px;
color: red;
}
.total-amount {
margin-top: 20px;
}
.total-amount h3 {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.amount-section .total-amount .text-right p {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 0;
text-align: end;
}
.shipping_rules {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
margin-bottom: 10px;
}
.shipping_rules .shipping_rules_name {
color: var(--secondary-color);
font-size: 1rem;
position: relative;
margin-left: 5px;
/* text-decoration: underline; */
/* top: -0.25rem; */
}
.red-stock-alert {
color: red;
font-size: small;
font-weight: 500;
height: 25px;
display: block;
}
.shipping_rules .shipping_rules_name {
color: var(--primary-color);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 0px;
}
.standard-delivery-input {
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.shipping_rules span {
color: var(--primary-color);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: 0px;
margin-bottom: 0px;
z-index: 1;
position: relative;
}
/*p.shipping-rules-description {
margin-bottom: 20px;
}*/
button.cart-check-out,
.profile_btn button,
.order_btn {
border-radius: 4px;
background: var(--primary-color);
padding: 15px 0;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
color: var(--white);
font-family: var(--body-font);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.9px;
}
.order_btn {
margin-top: 30px !important;
margin-bottom: 30px;
}
.cart-check-out:hover,
.order_btn:hover {
background-color: var(--secondary-color);
color: #ffffff;
filter: brightness(115%);
}
.checkout-details .single_delivery_address {
background-color: transparent;
padding: 0.5rem;
border-radius: 0.25rem;
border-bottom: 1px solid #c4c4c4;
padding-bottom: 10px;
margin-bottom: 10px;
}
.checkout-details .single_delivery_address .checkout_address {
width: calc(100% - 6rem);
padding-left: 0.65rem;
}
.checkout-details .single_delivery_address .checkout_address p {
margin-bottom: 0.25rem;
}
.checkout-details .btns {
display: flex;
}
.btn-fab {
width: 2rem;
height: 2rem;
border-radius: 50%;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
display: flex;
justify-content: center;
align-items: center;
font-size: 1rem;
border: 1px solid #eee;
padding-top: 0.2rem;
margin: 0 0.2rem 0;
}
.select2-container {
width: 100% !important;
}
.main_cart__wrapper .left_container .cart_items_box {
padding: 30px 0 20px;
border-bottom: 1px solid var(--light-color);
}
.main_cart__wrapper .left_container .cart_items_box .product_img {
max-height: 100%;
display: flex;
justify-content: center;
margin: auto;
padding: 5px 0;
}
/*.main_cart__wrapper .left_container .cart_items_box .control_box {*/
/* .control_box {
width: 100%;
display: flex;
justify-content: center;
padding-top: 1rem;
}
.control_box .item {
font-size: 1.2rem;
padding: 0.1rem 1rem;
border: 1px solid #d4d4d4;
border-radius: .2rem;
-webkit-border-radius: .2rem;
-moz-border-radius: .2rem;
-ms-border-radius: .2rem;
-o-border-radius: .2rem;
margin: 0 .2rem;
cursor: pointer;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.control_box .num {
padding: .1rem 2rem;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 1.3rem;
color: #333333;
}
.control_box .item:hover {
background-color: #f1f1f1;
}
.control_box .item:nth-child(1), .control_box .item:nth-child(3) {
padding: 0.25rem 1rem 0 1rem;
}
*/
.deliver-input label {
color: var(--primary-color);
font-weight: 400;
display: block;
margin-bottom: 0.2rem;
}
.form-froup.contact_input_style input,
.form-froup.contact_input_style select,
.select2-container .select2-selection--single {
min-height: 40px;
height: auto !important;
}
.custom-select-wrapper.form-control {
padding: 0;
}
span.select2-selection.select2-selection--single {
display: flex;
align-items: center;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
span.select2.select2-container.select2-container--default.select2-container--above.select2-container--focus {
width: 100% !important;
outline: 0 !important;
}
.checkout-details .phone_code {
border: 1px solid #c4c4c4;
border-radius: 0.25rem;
overflow: hidden;
}
/*============================ Cart Page Styles =================================================== */
.main_cart__wrapper {
padding: 3rem 0;
}
.main_cart__wrapper .left_container .cart_items_box .detail_box {
padding-left: 1rem;
}
.main_cart__wrapper .left_container .cart_items_box .detail_box .header {
font-weight: 600;
color: #333333 !important;
font-size: 1.25rem !important;
}
.main_cart__wrapper .left_container .cart_items_box .detail_box .text {
color: #747474;
font-size: 1rem;
}
.main_cart__wrapper .left_container .cart_items_box .detail_box .price_box {
margin-top: 1rem;
}
.main_cart__wrapper
.left_container
.cart_items_box
.detail_box
.price_box
.price {
font-weight: bold;
font-size: 1.3rem;
line-height: 1.125rem;
letter-spacing: 0.01em;
color: #333333;
}
.main_cart__wrapper
.left_container
.cart_items_box
.detail_box
.price_box
.del {
font-weight: normal;
font-size: 1rem;
line-height: 1.2rem;
letter-spacing: 0.01em;
color: #774477;
padding: 0% 1rem;
}
.main_cart__wrapper
.left_container
.cart_items_box
.detail_box
.price_box
.discount {
font-size: 1rem;
line-height: 1.2rem;
letter-spacing: 0.01em;
color: #ff5869;
}
.main_cart__wrapper .left_container .cart_items_box .detail_box .hero_link {
font-weight: 500;
font-size: 1rem;
text-transform: uppercase;
color: var(--secondary-color);
font-size: 1rem;
margin-right: 1.5rem;
margin-bottom: 0.75rem;
}
.main_cart__wrapper
.left_container
.cart_items_box
.detail_box
.hero_link:hover {
color: #a9d287 !important;
}
.main_cart__wrapper .left_container .cart_items_box .later_links {
display: flex;
flex-direction: column;
align-items: end;
}
.main_cart__wrapper .left_container .cart_items_box .later_links a {
color: var(--primary-color);
text-align: right;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 8px;
display: block;
}
.main_cart__wrapper .left_container .cart_items_box .later_links a img {
margin-right: 8px;
}
.main_cart__wrapper .right_container .price_detail_box {
border-radius: 4px;
}
.main_cart__wrapper
.right_container
.price_detail_box
.table.shipping_details_section {
font-size: 0.875rem !important;
}
.main_cart__wrapper
.right_container
.price_detail_box
.table.shipping_details_section
i {
font-size: 0.65rem !important;
}
.main_cart__wrapper .right_container .price_detail_box .price strong {
font-size: 0.875rem !important;
}
.main_cart__wrapper .right_container .price_detail_box .price td {
padding: 15px 0px;
border-bottom: 1px solid var(--light-color);
vertical-align: middle;
font-family: "Roboto", sans-serif;
font-size: 16px;
color: var(--primary-color);
}
.main_cart__wrapper .right_container .price_detail_box .price td:last-child {
text-align: end;
}
.main_cart__wrapper .right_container .price_detail_box .price.card-body {
padding: 0px 20px;
border-radius: 0 0 4px 4px;
border: 1px solid var(--secondary-color-light);
background: var(--white);
border-top: none;
}
/*#shipping-type-with-charge .card-body,.order-payment-section .card-body{
padding: 20px;
border-radius: 0 0 4px 4px;
border: 1px solid var(--secondary-color-light);
background: var(--white);
border-top: none;
}*/
.checkout-details .card-body {
padding: 20px;
border-radius: 0 0 4px 4px;
border: 1px solid var(--secondary-color-light);
background: var(--white);
border-top: none;
}
.cuppoin_box .card-body,
.checkout-details .cuppoin_box .card-body,
.checkout-details #order-summary-view-in-checkout .card-body {
border: none;
}
.checkout-details .cuppoin_box .card-body {
padding: 0px;
}
.main_cart__wrapper .right_container .price_detail_box .price td:first-child {
width: 60%;
}
.coupon_area .form-control,
.coupon_area button {
min-height: 3rem;
}
.coupon_area button {
background-color: var(--secondary-color);
border-color: var(--secondary-color) !important;
color: var(--white);
border-radius: 0 0.25rem 0.25rem 0 !important;
}
.coupon_area button:hover {
color: var(--white);
filter: brightness(115%);
}
/* ================= Contact Page ==================================================================== */
.contact-form input,
.contact-form select {
width: 100%;
height: 2.75rem;
border: 1px solid #c4c4c4;
border-radius: 0.25rem;
padding: 0.25rem 1rem;
}
.contact-form textarea {
width: 100%;
border: 1px solid #c4c4c4;
border-radius: 0.25rem;
padding: 0.25rem 1rem;
}
.contact-form .btn-white {
min-width: 12rem;
}
/* ======================== wishlist Page Styles ======================================================= */
.my_wishlist_section .row.dashboard.dashboard-content .dashboard-list-box {
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
padding: 20px;
}
.dashboard-list-box {
float: left;
width: 100%;
margin-bottom: 20px;
}
.my_wishlist_section
.row.dashboard.dashboard-content
.dashboard-list-body.my_wishlist_content {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.dashboard-list-body {
/* background: #fff none repeat scroll 0 0;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
float: left;
margin-top: 1px;
padding: 4px 10px; */
position: relative;
width: 100%;
}
.my_wishlist_content {
border-left: none !important;
border-right: none !important;
}
.my_wishlist_section .row.dashboard.dashboard-content .col-xs-2 {
width: 25%;
}
.product-demo {
float: left;
width: auto;
padding-left: 11px;
padding-top: 4px;
}
.product-demo img {
max-height: 6rem;
}
.my_wishlist_section .row.dashboard.dashboard-content .wishlist_title {
margin-top: 5px;
margin-left: 5px;
margin-right: 10px;
line-height: 22px;
font-size: 16px;
color: #333;
margin-bottom: 10px;
}
.wishlist_price {
color: #333333;
font-size: 18px;
font-weight: 600;
line-height: 24px;
padding-top: 5px;
}
/* .my_wishlist_section .row.dashboard.dashboard-content .wish-1.wishlist_button {
margin-top: 0 !important;
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex-direction: column;
font-size: 12px;
padding: 3px 7px;
float: left;
line-height: 25px;
cursor: pointer;
} */
.wishlist-details .wishlist_button .remove_btn {
color: var(--red) !important;
font-family: var(--body-font);
font-size: 16px;
text-transform: uppercase;
width: 100%;
background: none;
border: none;
margin-left: 0px;
margin-bottom: 15px;
}
.wishlist-details .wish-1 .out_of_stock_button {
color: var(--white);
background-color: var(--red);
}
.wishlist-details .wish-1 .addToCartButtonProduct {
color: var(--white);
background-color: var(--primary-color);
}
.my_wishlist_content .wishlist_button .wish-2 {
/*margin-top: 8px;
margin-right: 5px;*/
}
.detail_btn.remove_btn {
background: var(--red);
border: medium none;
outline: 0;
height: 30px;
width: 30px;
border-radius: 50%;
padding: 0px !important;
margin-left: 10px;
cursor: pointer;
}
.remove_btn i {
color: var(--white);
margin-top: 0px;
font-size: 16px;
}
.retail-section {
padding: 4rem 0;
}
.brand {
padding: 3rem 0;
}
.brand ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.brand ul li {
margin: 0 1rem 0.75rem 0;
position: relative;
}
.brand ul li:not(:last-child)::after {
content: "";
display: block;
position: absolute;
top: 0%;
right: -0.5rem;
width: 1px;
height: 100%;
background-color: var(--secondary-color);
}
.form-check-label {
position: relative;
top: 0.2rem;
}
.empty_cart_div {
text-align: center;
}
.success_alert_modal_content {
background: rgb(98, 213, 3);
}
.go_to_cart_button {
background: var(--secondary-color) !important;
position: relative;
z-index: 0;
color: var(--white) !important;
}
.main_detail_page__wrapper .go_to_cart_button img {
filter: brightness(0) invert(1);
}
/* Global modal style */
.modal .modal-header {
background-color: var(--primary-color);
}
.modal .modal-header .close {
background-color: transparent;
font-size: 2rem;
font-weight: bold;
color: var(--white);
border: 0rem;
}
.new-tag-new.best-selling-tag {
font-weight: normal;
text-align: center;
font-size: 10px;
}
/* ===================== Product Detials Page Product zoom styles ============= */
.exzoom .exzoom_img_ul_outer .exzoom_img_ul li img {
width: 100% !important;
max-height: 33rem !important;
object-fit: contain !important;
}
/* .exzoom .exzoom_img_ul_outer .exzoom_img_ul { height: 27rem; } */
.exzoom .exzoom_img_ul_outer {
height: 27rem;
border: 0 !important;
max-width: 100%;
}
.exzoom .exzoom_img_box {
background: #fff !important;
border: 0 !important;
position: relative;
width: 80% !important;
/* height: 27rem !important; */
}
.exzoom .exzoom_nav {
z-index: 999;
}
/* .exzoom .exzoom_img_box span {
width: 6rem !important;
height: 6rem !important;
} */
@media (min-width: 1170px) {
.banner-new .carousel-item:nth-of-type(even) .carousel-caption h5 {
margin-top: 100px;
}
}
@media (min-width: 1400px) {
.banner-new .carousel-item:nth-of-type(even) .carousel-caption h5 {
margin-top: 100px;
}
.banner-new .carousel-caption .content {
min-height: 15em;
}
}
.banner_part .carousel-control-next,
.banner_part .carousel-control-prev {
width: 8%;
}
@media (min-width: 1600px) {
.banner-new .carousel-item:nth-of-type(even) .carousel-caption h5 {
margin-top: 150px;
}
.banner-new .carousel-caption .content {
min-height: 16em;
}
}
.desktop-image {
/* height: 318px; */
/* object-fit: cover; */
width: 100%;
}
.modal-body.success_alert_modal_content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding: 0px;
}
.success_alert_modal_content a {
color: #0fffa7;
margin-bottom: 0px;
display: block;
}
.price-range-slider {
float: initial !important;
}
.success_alert_modal_content span:first-child {
background: var(--primary-color);
padding: 18px 24px;
color: white;
display: flex;
align-items: center;
gap: 12px;
font-size: 20px;
font-weight: 600;
width: 100%;
flex-direction: column;
}
.checkmark {
width: 40px;
height: 40px;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
animation: scaleIn 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@keyframes scaleIn {
0% {
transform: scale(0);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.checkmark svg {
width: 28px;
height: 28px;
stroke: #10b981;
stroke-width: 3;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
stroke-dasharray: 24;
stroke-dashoffset: 24;
animation: checkmarkDraw 0.4s ease 0.2s forwards;
}
@keyframes checkmarkDraw {
to {
stroke-dashoffset: 0;
}
}
.transparent-button {
color: var(--primary-color);
border: 0;
background-color: transparent;
position: absolute;
right: 10px;
height: 100%;
}
.brand-name {
margin-left: auto;
white-space: pre;
text-overflow: ellipsis;
overflow: hidden;
width: 48%;
}
.bestselling-tag-div {
position: absolute;
top: 0;
left: 0;
z-index: 500;
}
.new-sec-com .bestselling-tag-div {
top: -20px;
left: -20px;
}
.best-sell-tag-m {
display: flex;
width: 28%;
flex-direction: column;
position: absolute;
left: 0;
}
.best-sell-tag {
background: rgba(6, 82, 219, 0.8);
/*background: rgba(206,181,55,.8);*/
display: inline-block;
/* text-transform: uppercase; */
color: #fff;
font-size: 11px;
line-height: 18px;
z-index: 2;
margin-bottom: 8px;
padding: 2px 5px;
position: relative;
}
.best-sell-tag:after {
content: "";
position: absolute;
border-color: rgba(6, 82, 219, 0.5) transparent rgba(6, 82, 219, 0.5)
rgba(6, 82, 219, 0.8);
/*border-color: rgba(206,181,55,.5) transparent rgba(206,181,55,.5) rgba(206,181,55,.8);*/
border-style: solid;
border-width: 11px;
left: 100%;
width: 0;
height: 0;
top: 0px;
}
.best-sell-tag.pink {
background: rgba(230, 66, 104, 0.8);
}
.best-sell-tag.pink:after {
border-color: rgba(230, 66, 104, 0.5) transparent rgba(230, 66, 104, 0.5)
rgba(230, 66, 104, 0.8);
}
.best-sell-tag.green {
background: rgba(33, 149, 33, 0.8);
}
.best-sell-tag.green:after {
border-color: rgba(33, 149, 33, 0.5) transparent rgba(33, 149, 33, 0.5)
rgba(33, 149, 33, 0.8);
}
.bestselling-tag-div.tag {
top: 7%;
left: 0;
justify-content: flex-start;
}
.discount_tag {
top: 144px !important;
}
.cart_items_box .detail_box .best-sell-tag-m {
position: relative;
}
.cart_items_box .detail_box .brand-name,
.main_detail_page__wrapper .right_container .brand-name {
margin-left: auto;
white-space: normal;
text-overflow: unset;
overflow: visible;
width: 100%;
font-size: 18px;
}
.main_detail_page__wrapper .brand-name {
font-weight: 500;
}
.discount_tag {
left: -4px !important;
}
.discount_tag img {
-moz-transform: rotate(45.5deg);
-webkit-transform: rotate(45.5deg);
-o-transform: rotate(45.5deg);
-ms-transform: rotate(45.5deg);
transform: rotate(45.5deg);
}
.product_box .discount_tag img:hover {
-moz-transform: rotate(45.5deg);
-webkit-transform: rotate(45.5deg);
-o-transform: rotate(45.5deg);
-ms-transform: rotate(45.5deg);
transform: rotate(45.5deg);
}
/* .main_detail_page__wrapper .header_wrapper .left_container .filter_content .like_box {
margin-top: 30px;
} */
/* .product-image {
margin-top: 20px;
} */
.wishlist-icon a {
margin-left: 10px;
margin-top: 20px;
}
.main_detail_page__wrapper .out_of_stock span {
color: var(--white) !important;
}
.search-sec {
position: relative;
}
@media (max-width: 920px) {
.product_list_wrapper .filterMenu {
width: 100%;
display: flex;
flex-wrap: wrap;
/*align-items: center;*/
justify-content: space-between;
}
.product_list_wrapper .filterMenu .mobile_filter {
width: 50%;
margin-bottom: 0px !important;
border-radius: 0px !important;
background-color: transparent !important;
color: #6893f5 !important;
}
.right_box.d-block.d-md-none {
display: flex !important;
justify-content: flex-end;
width: 46%;
margin-left: auto;
}
.sort_box {
display: flex;
flex-wrap: wrap;
margin-left: auto;
}
.filterMenu .select {
width: 100% !important;
}
.pro-list-page {
padding-top: 0px !important;
}
.productListing .product-name {
margin-top: 10px;
}
/* .productListing .wishlist-icon a {
background: #fff;
}*/
.product_list_wrapper .filterMenu .left_filter_container {
background: #fff;
height: 100%;
position: fixed;
z-index: 99999;
top: 0;
width: 86%;
padding: 30px 30px;
transition: all 0.3s ease-in-out !important;
overflow-y: scroll !important;
left: -1000px;
display: block !important;
}
.mobile_filter i.fas.fa-filter {
/* background:var(--secondary-color); */
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: var(--primary-color);
font-size: 15px;
border: 1px solid var(--primary-color);
padding-top: 2px;
}
.filter-open {
left: 0 !important;
}
.left-filter-scrollb {
overflow: scroll;
height: 100%;
}
.left_filter_container .fa-times {
width: 100%;
z-index: 99999;
top: -22px;
right: -15px;
text-align: right;
font-size: 20px;
position: relative;
display: block !important;
}
.offcanvas-overlay {
position: fixed;
height: 100%;
width: 100%;
background: #000;
z-index: 900;
top: 0;
opacity: 0;
visibility: hidden;
}
.offcanvas-overlay.overlay-open {
opacity: 0.4;
visibility: visible;
}
.blog .item img {
height: 100%;
object-fit: cover;
}
.transparent-button {
top: 7px;
}
}
.product_list_wrapper .main_product_wrapper .header_box .heading {
font-weight: normal;
font-family: var(--body-font);
}
.listing-title {
font-size: 24px;
text-align: center;
display: block;
width: 100%;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.left_filter_container .fa-times {
display: none;
}
.exzoom .exzoom_nav {
position: relative;
left: 20px;
top: 10%;
width: 20%;
min-height: 200px !important;
order: 2;
}
.exzoom .exzoom_nav .exzoom_nav_inner {
right: 0 !important;
left: 0 !important;
top: 0;
}
.exzoom .exzoom_nav .exzoom_nav_inner span {
margin-bottom: 10px;
float: initial;
display: block;
}
#exzoom {
display: flex;
}
.exzoom .exzoom_img_ul_outer .exzoom_img_ul li img {
max-height: 30rem !important;
}
.d-pl-0 {
padding-left: 0;
margin-left: 0 !important;
}
/*.productListing .product-name {
margin-top: 10px;
}*/
.exzoom .exzoom_nav .exzoom_nav_inner span {
margin-left: 0px !important;
}
.exzoom .exzoom_nav .exzoom_nav_inner span {
background: #fff;
}
.left_container {
position: relative;
/* min-height: 675px; */
}
.featurad-section .owl-nav {
display: block !important;
}
.featurad-section button.owl-prev {
position: absolute;
left: -3%;
top: 50%;
font-size: 54px !important;
font-family: "Roboto" !important;
}
.featurad-section button.owl-next {
position: absolute;
right: -3%;
top: 50%;
font-size: 54px !important;
font-family: "Roboto" !important;
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none !important;
}
.featurad-section .add-to-cart .addToCartButtonProduct,
.featurad-section .add-to-cart .go_to_cart_button,
.featurad-section .add-to-cart .out_of_stock {
opacity: 0;
transition: all 0.6s ease;
}
.product__card:hover .add-to-cart .addToCartButtonProduct,
.product__card:hover .add-to-cart .go_to_cart_button,
.product__card:hover .add-to-cart .out_of_stock {
opacity: 1 !important;
}
@media (min-width: 1030px) {
.featurad-section .add-to-cart .addToCartButtonProduct,
.featurad-section .add-to-cart .go_to_cart_button,
.featurad-section .add-to-cart .out_of_stock {
opacity: 0;
transition: all 0.6s ease;
}
.product__card:hover .add-to-cart .addToCartButtonProduct,
.product__card:hover .add-to-cart .go_to_cart_button,
.product__card:hover .add-to-cart .out_of_stock {
opacity: 1 !important;
}
}
p.single-product-description {
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
color: #878787;
}
p.single-product-description a {
font-size: 12px;
}
/* p.single-product-description:empty {
display: none;
} */
.custom_breadcrumb,
.custom_breadcrumb a {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.custom_breadcrumb small {
font-size: 16px;
color: var(--primary-color);
}
h6.custom_breadcrumb a:hover {
color: #304356;
}
.img__upload__box {
position: relative;
}
.img__upload__box input[type="file"] {
width: 1px;
height: 1px;
position: absolute;
top: 0;
opacity: 0;
}
.img__upload__box {
width: 100%;
height: 3.5rem;
border: 1px dashed #ababab;
border-radius: 0.25rem;
background-color: #eee;
cursor: pointer;
}
.img__upload__box .label {
position: absolute;
font-size: 0.875rem;
color: #181818;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: normal;
width: 100%;
text-align: center;
}
.img__upload__box .form-group.has-success label {
display: none;
}
#shareImagePreview .img__box {
position: relative;
display: block;
padding: 10px 5px 10px 6px;
width: 20%;
}
.without-filtermenu {
width: 100% !important;
}
.filterMenu:empty {
display: none !important;
}
@media (min-width: 992px) {
.without-filtermenu .col-lg-4 {
flex: 0 0 auto;
width: 25%;
}
}
.featurad-section h3 {
position: relative;
}
/*.featurad-section h3:after {
position: absolute;
content: "";
height: 4px;
width: 50%;
background:var(--secondary-color);
left: 0;
bottom: -8px;
}*/
.gray-bg {
background: #f9f9f9;
}
.add-banner-sec.mt-50.d-none.d-lg-block {
margin: 2rem 0;
}
.footer .payment-gateways {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.footer .payment-gateway {
height: 30px;
}
/*.featurad-section.loading-product.last-child {
display: none;
}*/
@media (max-width: 430px) {
.featurad-section.last-child {
padding: 2rem 0 0rem;
}
.blog.category-slider {
overflow: hidden;
}
.mt-xs-2rem {
margin: 1rem 0 1rem;
}
.featurad-section .add-to-cart .addToCartButtonProduct,
.featurad-section .add-to-cart .go_to_cart_button {
opacity: 1;
}
.featurad-section .add-to-cart .out_of_stock {
opacity: 1;
border: none !important;
}
.featurad-section .add-to-cart .out_of_stock span {
color: rgb(249, 30, 30) !important;
font-weight: normal;
}
.featurad-section.loading-product.last-child {
display: block;
}
}
.blog.category-slider .owl-carousel .owl-item {
padding: 0 0.2rem;
}
/*loading product css start*/
.loading-product .col-6 {
width: 25%;
}
.featurad-section.loading-product .row {
padding: 0px 5px !important;
}
/*.featurad-section.loading-product .col-6 {
padding: 0px;
}*/
.featurad-section.loading-product .col-6 .product__card.card {
border-radius: 0px;
}
/*.loading-product .col-6 .product__card.card {
border-right: 1px solid rgba(0, 0, 0, .125);
}*/
.featurad-section.loading-product:nth-child(odd) {
background: #f9f9f9;
}
.loading-product .similar_product_div {
padding: 0px;
}
.featurad-section.loading-product:nth-child(odd) {
display: block;
}
@media (max-width: 850px) {
.loading-product .col-6 {
width: 50%;
}
}
@media (max-width: 470px) {
.loading-product .col-6 {
width: 50%;
}
.featurad-section.loading-product:nth-child(odd) {
display: block;
}
.loading-product .product-image a {
min-height: 100% !important;
}
.loading-product .product-image a img {
height: 200px;
}
.loading-product .wishlist-icon a {
height: 30px;
width: 30px;
}
.loading-product .card .discount-tag {
height: 3rem;
width: 3rem !important;
}
/*.loading-product .add-to-cart {
display: none;
}*/
.loading-product .tag span {
font-size: 10px;
}
.loading-product .row {
padding: 0px 5px !important;
}
.loading-product .col-6 {
padding: 0px;
}
.loading-product .product__card.card {
height: auto !important;
}
.loading-product .card {
border-radius: 0;
padding: 5px;
}
.loading-product .product-image {
margin-top: 0;
}
.loading-product .similar_product_div {
padding: 0px;
}
.loading-product .best-sell-tag-m {
display: none;
}
.loading-product .col-6 .product__card.card {
border-left: 0px;
border-right: 0px;
}
.loading-product .col-6:nth-child(odd) .product__card.card {
border-right: 1px solid rgba(0, 0, 0, 0.125);
}
.loading-product.featurad-section h3 {
width: 70%;
}
.wishlist-icon.cart-icon {
display: none;
}
.loading-product .wishlist-icon.cart-icon {
display: block;
}
.loading-product .wishlist-icon.cart-icon {
position: absolute;
bottom: 32%;
right: 10px;
}
.loading-product .card .price strong {
font-size: 1rem;
}
.loading-product .rating-price .rating-icon span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*loading product css Close*/
/*.featurad-section.loading-product:nth-child(odd) {
background: #faf5dd;
}*/
.featurad-section.loading-product:nth-child(even) .col-6:last-child {
width: 100%;
}
/*.featurad-section.first-child {
padding: 2rem 0 2rem 0;
}*/
.featurad-section.loading-product:nth-child(even)
.col-6:last-child
.card.product__card {
border-right: 1px solid rgba(0, 0, 0, 0.125);
border-left: 1px solid rgba(0, 0, 0, 0.125);
border-bottom: 0px;
}
.featurad-section.loading-product:nth-child(even) .col-6:first-child {
width: 100%;
}
.featurad-section.loading-product:nth-child(even) .product__card.card {
border: 1px solid rgba(0, 0, 0, 0.125);
}
.loading-product .rating-icon img {
margin: initial !important;
}
}
.brand .best-selling-footer {
margin-bottom: 1rem;
}
.brand .best-selling-footer a {
position: relative;
border-right: 2px solid var(--secondary-color);
padding-right: 5px;
line-height: 28px;
}
.brand .best-selling-footer a:last-child {
border: none;
}
.mb-dl-2rem {
margin-bottom: 2rem !important;
}
/****************************Theme Color Toggle Css Start***************************/
body.active {
background: #181818;
}
body.active .gray-bg {
background: #181818;
}
body.active .featurad-section.loading-product:nth-child(odd) {
background: #292929;
}
body.active .featurad-section h3 {
color: #fff;
}
body.active .brand {
background: #292929;
background-image: none !important;
}
body.active .brand a {
color: #fff;
}
body.active .brand h6 {
color: #fff;
}
body.active .card {
background: #232323;
border-color: #232323;
}
body.active .product-name {
color: #bfbcbc;
}
body.active .card .price {
color: #fff;
}
body.active .out_of_stock {
border-color: #ea171f !important;
}
body.active .wishlist-icon a {
background: #4b4b4b;
}
body.active .footer {
background-color: #181818;
}
body.active .header-top {
background-color: #181818;
}
body.active .mega_menu_wrapper {
border-bottom: none;
background-color: #292929;
}
body.active .mega_menu_wrapper ._navbar .cat_btn,
body.active .mega_menu_wrapper a {
color: #dcdcdc;
}
body.active .mega_menu_wrapper ._navbar .drop_menu {
background: #181818;
}
body.active .mega_menu_wrapper .dropdown:hover .cat_btn {
color: #181818;
}
body.active
.mega_menu_wrapper
._navbar
.drop_menu
.content
.title__box
li.catTitle
a {
color: #e3e0e0;
}
body.active
.mega_menu_wrapper
._navbar
.drop_menu
.cat_filter_links
.sub_drop_menu
a {
color: #181818;
}
body.active .mega_menu_wrapper ._navbar .drop_menu .cat_filter_links .title {
color: #b8b5b5;
}
body.active li.dataCategory.catTitle.aopen.active a {
color: #181818 !important;
}
body.active .mega_menu_wrapper ._navbar .drop_menu .banner__box a p {
color: #b1b1b1;
}
body.active .mega_menu_wrapper ._navbar .drop_menu .banner__box .title {
color: #b8b5b5;
}
body.active #myNavBar .search-sec .form-control {
background: transparent;
}
body.active .category__accordion .card {
margin-bottom: 10px;
}
body.active .category__accordion .acc_btn ~ a,
body.active .category__accordion .btn {
color: #dcdada !important;
}
body.active .category__accordion a:hover {
color: #fff;
}
body.active .product_list_wrapper .left_filter_container .category .text {
color: #fefbfb;
}
body.active
.product_list_wrapper
.left_filter_container
.category
.form-check-label {
color: #848282;
}
body.active .product_list_wrapper .left_filter_container .heading {
color: #181818;
}
body.active {
color: #d9d5d5;
}
body.active .main_detail_page__wrapper .header_wrapper .right_container .title {
color: #c9c9c9;
}
body.active
.main_detail_page__wrapper
.header_wrapper
.right_container
.price_box
.price {
color: #c9c9c9;
}
body.active
.main_detail_page__wrapper
.header_wrapper
.right_container
.color_box
a.custom-capacity-attr {
color: #aeb2b6;
}
body.active
.main_detail_page__wrapper
.header_wrapper
.right_container
.address_box
.input_box
input {
background: transparent;
}
body.active .highlightWrapper p {
color: #afafaf;
}
body.active a.btn.base_btn.bulk_order_button {
color: #fff;
}
body.active
.main_cart__wrapper
.left_container
.cart_items_box
.detail_box
.header {
color: #bfbcbc !important;
}
body.active
.main_cart__wrapper
.left_container
.cart_items_box
.detail_box
.price_box
.price {
color: #fff;
}
body.active table.table.table-borderless {
color: #fff;
}
body.active .price_detail_box.card .nav-link {
color: #918f8f;
}
/*body.active{
background-color: #181818;
}*/
/*#theme-open{
position: fixed;
top:100px;
right:20px;
font-size: 30px;
color:#000;
cursor: pointer;
z-index: 500;
opacity: 1;
}*/
.themes-container {
position: fixed;
top: 100px;
right: 0;
z-index: 99999999;
background-color: #fff;
width: 200px;
text-align: center;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.05);
padding-top: 25px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
transform: translateX(100%);
transition: transform 500ms ease;
border-radius: 10px 0px 0px 10px;
}
.themes-container.active {
transform: translateX(0%);
}
#theme-open {
position: absolute;
top: 20px;
right: 100%;
font-size: 22px;
color: var(--white);
width: 40px;
height: 40px;
background-color: var(--secondary-color);
display: flex;
align-items: center;
justify-content: center;
transition: 500ms;
border-radius: 10px 0px 0px 10px;
opacity: 1;
cursor: pointer;
}
.themes-container #theme-close {
font-size: 40px;
color: #000;
cursor: pointer;
}
.themes-container h3 {
text-align: center;
padding: 15px 0;
margin: 10px 0;
text-transform: capitalize;
font-size: 22px;
}
.themes-container .theme-toggler {
display: flex;
align-items: center;
justify-content: center;
}
.themes-container .theme-toggler span {
color: var(--secondary-color-light);
}
.themes-container .theme-toggler .toggler {
height: 40px;
width: 100px;
border-radius: 50px;
background: var(--primary-color);
position: relative;
cursor: pointer;
border: var(--secondary-color-light);
margin: 0 10px;
}
.themes-container .theme-toggler.active .toggler {
background: var(--black);
}
.themes-container .theme-toggler .toggler::before {
content: "";
position: absolute;
top: 5px;
left: 5px;
height: 28px;
width: 28px;
border-radius: 50%;
background: #fff;
transition: 0.2s linear;
}
.themes-container .theme-toggler.active .toggler::before {
left: 65px;
}
.themes-container .theme-colors {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.themes-container .theme-colors .color {
border-radius: 100%;
height: 40px;
width: 40px;
cursor: pointer;
cursor: pointer;
}
.themes-container .theme-colors div:empty {
opacity: 1;
}
.themes-container .theme-colors .color:hover {
opacity: 0.5;
}
/****************************Theme Color Toggle Css End***************************/
.price_detail_box.card .nav-tabs .nav-link.active {
color: var(--secondary-color);
border-color: var(--secondary-color) var(--secondary-color) #fff;
}
.price_detail_box.card .nav-link {
color: var(--secondary-color-light);
}
.price_detail_box.card .nav-tabs {
border-bottom: 1px solid var(--secondary-color);
}
.price_detail_box.card .tab-content {
margin-top: 15px;
}
.price.underLine .nav-pills .nav-link.active {
color: var(--white);
background-color: var(--secondary-color);
}
.price.underLine .nav-pills .nav-link {
background: var(--secondary-color-two);
margin-right: 0px;
border-radius: 0;
}
.price.underLine .one-item-show li.nav-item {
width: 100%;
text-align: center;
}
.price.underLine .nav-pills li:last-child .nav-link {
margin-right: 0;
}
@media (max-width: 1380px) {
.price.underLine .nav-pills .nav-link {
padding: 10px 10px;
font-size: 12px;
}
}
.checkout-details .btns {
display: flex;
margin-left: auto;
align-items: center;
justify-content: center;
}
.checkout-details .btns a {
display: flex !important;
}
.checkout-details .btns .edit_billing_address {
color: #007bff;
}
.checkout-details .btns .delete_billing_address {
color: red;
}
span.delivery_method_name {
color: var(--primary-color);
font-size: 16px;
margin-left: 5px;
}
.delivery_methods p {
display: flex;
align-items: center;
}
.drinkware-logo {
margin-bottom: 10px;
}
@media (max-width: 991px) {
.payment-gateways {
max-width: 200px;
}
}
@media (max-width: 766px) {
.payment-gateways {
position: unset;
margin-left: auto;
margin-right: auto;
}
}
/*************************************************New Css Start 07-06-2024******************************************/
.category-slider {
background: var(--white);
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.1);
padding: 40px 0;
}
.search-sec.block {
opacity: 1 !important;
visibility: visible !important;
overflow: visible !important;
position: absolute;
z-index: 5;
height: 100%;
top: 38px !important;
z-index: 1 !important;
}
.add-to-cart .btn-white,
.add-to-cart .out_of_stock {
position: absolute;
bottom: -15px;
/*left: 25%;*/
}
.btn-white,
.out_of_stock {
padding: 14px 15px;
justify-content: center;
align-items: center;
border-radius: 10px;
text-align: center;
font-family: var(--body-font);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
color: var(--white);
background: var(--primary-color);
width: auto;
border: 4px solid var(--white);
letter-spacing: 1.08px;
}
.out_of_stock {
border: 4px solid var(--white) !important;
color: var(--white) !important;
background: var(--red) !important;
background-color: transparent !important;
box-shadow: none !important;
position: relative;
z-index: 99;
}
.product__card:hover .product-image {
transform: translateY(-8px);
}
.product-name-rating {
width: 60%;
}
.product-rating {
width: 40%;
}
.product__card.card .info_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card .price strong {
text-align: right;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: block;
padding-right: 0px;
}
.card .price {
margin: 0px;
}
.card .price .del {
text-align: right;
color: #212129;
font-family: var(--inter-font);
font-size: 16px;
display: block;
}
.brand-name,
.red-stock-alert {
display: none;
}
.card .price i {
margin-right: 5px;
font-size: 16px;
}
.rating-icon span {
display: none;
}
.rating-icon {
margin-top: 15px;
/*display:none;*/
}
.rating-icon img {
display: none;
}
.new-rating strong {
padding: 6px;
color: var(--white);
font-family: var(--body-font);
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-right: 10px;
border-radius: 4px;
background: var(--green);
display: inline-flex;
align-items: center;
}
.new-rating strong i {
margin-left: 5px;
color: var(--white);
font-size: 12px;
}
.new-rating span {
color: var(--primary-color);
text-align: right;
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
display: inline-block;
}
.card .price .del i {
font-size: 13px;
margin-right: 0px !important;
}
.wishlist-icon a,
.new-tag {
height: 40px;
width: 40px;
border-radius: 50%;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: var(--white);
transition: all 0.3s ease !important;
background: var(--primary-color);
position: relative;
z-index: 52;
margin-left: auto;
}
.new-tag {
margin-left: 10px;
/* margin-top: 10px; */
background: var(--primary-color);
color: var(--white);
overflow: visible;
}
.new-tag .new-tag-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-size: 11px;
font-weight: 700;
font-style: italic;
letter-spacing: 0.2px;
line-height: 1;
text-transform: uppercase;
position: relative;
z-index: 2;
}
.new-tag::before {
content: "";
position: absolute;
top: -2px;
left: -2px;
width: 52%;
height: 52%;
background: linear-gradient(135deg, #ffffff 0%, #f7f7f7 45%, #dcdcdc 100%);
clip-path: polygon(0 0, 100% 0, 0 100%);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
z-index: 1;
}
.new-tag::after {
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 54%;
height: 54%;
clip-path: polygon(8% 0, 100% 0, 0 100%, 0 88%);
background: linear-gradient(
135deg,
rgba(0, 0, 0, 0.22),
rgba(0, 0, 0, 0.04) 65%
);
mix-blend-mode: multiply;
opacity: 0.55;
filter: blur(0.1px);
z-index: 0;
}
.percent-new {
display: inline-flex;
padding: 6px 8px;
justify-content: center;
align-items: center;
color: #212129;
text-align: center;
font-family: var(--body-font);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
background: var(--secondary-color-light);
}
.bestselling-tag-div.tag {
top: 0;
width: 50%;
}
.add-to-cart .fa-cart-plus {
margin-right: 4px;
}
.footer_div {
background: var(--footer-background-color);
}
.brand ul {
display: block;
/*margin-left: 7%;*/
}
.brand h6 {
color: var(--footer-text-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-bottom: 20px;
}
.brand ul li {
margin-bottom: 5px;
position: relative;
list-style-type: none;
display: flex;
align-items: center;
}
.brand ul li i {
font-size: 6px;
color: var(--footer-text-color);
}
/*.brand ul li::before{
content: "";
position: absolute;
width: 5px;
height: 5px;
border-radius: 50%;
top: 10px;
left: 0px;
background: var(--primary-color);
}*/
.brand ul li a {
color: var(--footer-text-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
padding-left: 14px;
}
.brand ul li:not(:last-child)::after {
content: none;
}
.brand .col {
position: relative;
}
.brand .col::after {
position: absolute;
content: "";
width: 1px;
height: 200px;
background: var(--white);
top: 0;
right: 15px;
}
.brand .col:last-child::after {
content: none;
}
.fot-con-details,
.contact-dis {
font-style: normal;
font-weight: 500;
line-height: 26px;
letter-spacing: 0.8px;
margin-bottom: 10px;
}
.footer-social-link {
display: flex;
}
.footer-social-link li a {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
margin-right: 10px;
background: var(--primary-color);
color: var(--white);
border-radius: 50%;
}
.footer-newsletter strong {
margin-bottom: 22px;
display: block;
font-size: 16px;
font-weight: 700;
}
.footer-newsletter form {
position: relative;
width: 294px;
}
.form-control {
}
.footer-newsletter form .form-control {
background-color: var(--secondary-color);
display: inline-flex;
padding: 14px 10px;
align-items: center;
width: 100%;
border-radius: 4px;
color: var(--secondary-colorblack);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
height: 50px;
border: none;
}
.footer-newsletter form .arrow-button {
position: absolute;
top: 10px;
right: 10px;
background: none;
font-size: 25px;
z-index: 2;
border: none;
}
#news_letter_input:-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: var(--secondary-colorblack) !important;
font-family: var(--body-font) !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
#news_letter_input::-moz-placeholder {
/* Firefox 19+ */
color: var(--secondary-colorblack) !important;
font-family: var(--body-font) !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
#news_letter_input:-ms-input-placeholder {
/* IE 10+ */
color: var(--secondary-colorblack) !important;
font-family: var(--body-font) !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
#news_letter_input:-moz-placeholder {
/* Firefox 18- */
color: var(--secondary-colorblack) !important;
font-family: var(--body-font) !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
#news_letter_input::placeholder {
color: var(--secondary-colorblack) !important;
font-family: var(--body-font) !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
}
.footer-bottom {
background-color: var(--footer-background-color);
padding: 15px;
border-top: 1px solid var(--footer-text-color);
}
.footer-bottom .copy-right-sec {
justify-content: space-between;
align-items: center;
}
.copy-text-one,
.copy-text-two {
color: var(--footer-text-color) !important;
font-family: var(--body-font) !important;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.8px;
}
.copy-text-two {
display: flex;
justify-content: flex-end;
}
.copy-text-two a {
font-weight: 700;
margin-left: 4px;
}
/*.footer-newsletter form .arrow-button i {
color:var(--black);
}*/
.new-sec-com {
background-color: var(--light-white);
}
.new-sec-com .container {
background: var(--white);
}
.new-sec-com .container .row .col-lg-3,
.new-sec-com .container .row .col-lg-4 {
padding-left: 0px;
padding-right: 0px;
}
.new-sec-com .similar_product_div {
padding: 20px 5px;
}
.new-sec-com .product_base_image_div {
min-height: 100%;
}
.new-sec-com .product-image a img {
height: 300px;
}
.new-sec-com .similar_product_div h3 {
font-size: 30px;
}
.new-sec-com .card {
border: 1px solid var(--secondary-color-light);
padding: 20px;
border-radius: 0px;
}
.new-sec-com .main-product {
border-radius: 0px;
border: none;
padding: 0px;
}
.new-sec-com .bestselling-tag-div.tag {
top: 20px;
padding: 0px 0 0 20px;
}
.new-sec-com .wishlist-icon a,
.new-sec-com .new-tag {
height: 30px;
width: 30px;
}
.new-sec-com .product-name {
font-size: 16px;
line-height: normal;
}
.new-sec-com .new-rating strong {
font-size: 13px;
padding: 5px;
}
.new-sec-com .card .price strong {
font-size: 16px;
}
.new-sec-com .card .price .del {
font-size: 14px;
margin-top: 5px;
}
.new-sec-com .product-rating {
margin-top: 4px;
}
.new-sec-com .rating-icon {
margin-top: 10px;
}
.new-sec-com .btn-white,
.new-sec-com .out_of_stock {
padding: 12px 12px;
font-size: 14px;
letter-spacing: 1.08px;
}
.new-sec-com .percent-new {
font-size: 11px;
}
.new-sec-com .wishlist-icon {
margin-top: -18px;
}
.new-sec-one {
padding-top: 70px;
}
.new-sec-two {
padding-bottom: 70px;
}
.new-sec-one .col-lg-12 .product-image a img {
height: 440px;
}
.new-sec-one .col-lg-12 {
display: flex;
height: 100%;
}
.new-sec-one .col-lg-12 .wishlist-icon a,
.new-sec-one .col-lg-12 .new-tag {
height: 30px;
width: 30px;
}
.new-sec-one .col-lg-12 .percent-new {
font-size: 12px;
padding: 8px 10px;
}
.new-sec-one .col-lg-12 .product-name {
font-size: 20px;
}
.new-sec-one .col-lg-12 .card .price strong {
font-size: 20px;
}
.new-sec-one .col-lg-12 .card .price .del {
font-size: 16px;
margin-top: 5px;
}
.new-sec-one .col-lg-12 .new-rating strong {
font-size: 16px;
padding: 6px;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
color: var(--primary-color);
top: 40%;
}
.add-to-cart {
width: 100%;
display: flex;
justify-content: center;
}
.units {
display: none;
}
.btn-outline-primary:hover {
color: var(--white) !important;
background-color: transparent !important;
border-color: var(--secondary-color) !important;
}
.wishlist-icon a.cart-for-mobile {
display: none !important;
margin-top: 10px;
background-color: var(--secondary-color);
}
.owl-carousel.add-image-one .owl-item {
padding: 0px;
}
/*************************************************New Css Close******************************************/
.featurad-section .product__card.card {
height: auto !important;
/*margin-bottom: 40px;*/
}
.pro-list-page .wishlist-icon a,
.pro-list-page .new-tag {
height: 40px;
width: 40px;
}
.pro-list-page .product-name {
font-size: 16px;
}
.pro-list-page .btn-white,
.pro-list-page .out_of_stock {
padding: 14px 12px;
font-size: 14px;
letter-spacing: 1.05px;
}
.pro-list-page .new-rating strong {
padding: 5px;
font-size: 14px;
}
.pro-list-page .card .price strong {
font-size: 16px;
}
.pro-list-page .card .price .del {
font-size: 14px;
}
.pro-list-page .percent-new {
padding: 5px 5px;
}
/* .pro-list-page .heading.listing-title{
display: none;
} */
.pro-list-page .rating-icon {
margin-top: 8px;
}
.pro-list-page .card .price i {
margin-right: 5px;
font-size: 13px;
}
.pro-list-page {
background: var(--light-white);
padding: 0px !important;
}
.pro-list-page .ProductContentBox {
background: var(--white);
padding-left: 20px;
padding-right: 20px;
}
.pro-list-page .filterMenu,
.pro-list-page .ProductContentBox {
padding-top: 15px;
padding-bottom: 15px;
}
.pro-list-page .new-rating span {
font-size: 14px;
font-style: normal;
font-weight: 500;
}
.pro-list-page .product__card.card {
margin-bottom: 30px;
}
.search-sec:after {
content: "";
position: absolute;
right: calc(10% - 13px);
bottom: -1px;
border: 10px solid transparent;
border-bottom-color: #ccc;
}
.nav-item,
.cat_btn {
position: relative;
}
.nav-item.nav-link::after,
.cat_btn::after {
content: "";
width: 30px;
height: 30px;
/* background: url(../images/dot-gray.svg) no-repeat; */
top: 12px;
right: -23px;
position: absolute;
display: inline-block;
}
.btn-outline-primary,
.main_detail_page__wrapper .addToCartButtonProduct {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.btn-outline-primary:before,
.main_detail_page__wrapper .addToCartButtonProduct:before,
.check-address::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--secondary-color);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.check-address::before {
background: var(--primary-color);
}
.main_detail_page__wrapper .addToCartButtonProduct:before {
background: var(--secondary-color);
}
.main_detail_page__wrapper .addToCartButtonProduct:hover {
color: var(--white);
}
.main_detail_page__wrapper .addToCartButtonProduct:hover img {
filter: brightness(0) invert(1);
}
.main_detail_page__wrapper .buyNowButton img {
filter: brightness(0) invert(1);
}
.btn-outline-primary:hover:before,
.btn-outline-primary:focus:before,
.btn-outline-primary:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.main_detail_page__wrapper .addToCartButtonProduct:hover:before,
.main_detail_page__wrapper .addToCartButtonProduct:focus:before,
.main_detail_page__wrapper .addToCartButtonProduct:active:before,
.check-address:hover:before,
.check-address:focus:before,
.check-address:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.pro-list-page .product-image a img {
height: 300px;
}
.category__accordion .acc_btn.collapsed ~ a {
color: var(--primary-color) !important;
font-family: var(--body-font);
font-size: 16px !important;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
}
.category__accordion .acc_btn {
padding: 0px;
}
.category__accordion .card {
padding-left: 24px;
position: relative;
}
.category__accordion .card::after {
content: "";
width: 20px;
height: 100%;
/* background: url(../images/dot-blue.svg) no-repeat; */
top: 8px;
left: 15px;
position: absolute;
display: inline-block;
}
.category__accordion .card .card-header {
display: flex !important;
width: 100%;
justify-content: space-between !important;
align-items: center !important;
margin-bottom: 10px;
}
.show-minus {
display: none;
}
.minus .plus {
display: none;
}
.minus .show-minus {
display: flex;
justify-content: center;
margin: 0 auto;
}
.flex-cat-heading {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.product_list_wrapper .left_filter_container .category .flex-cat-heading .text {
margin-bottom: 0px;
}
.flex-cat-heading .form-check-input[type="checkbox"] {
border-radius: 0.125em;
position: absolute;
right: 13px;
opacity: 0;
width: 50px;
z-index: 1;
height: 21px;
}
.product_list_wrapper .left_filter_container .category .form-check-label {
color: #212129 !important;
font-family: var(--body-font);
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
margin-bottom: 20px;
}
.product_list_wrapper
.pagination_box
.pagination
.page-item:last-child
.page-link,
.product_list_wrapper
.pagination_box
.pagination
.page-item:first-child
.page-link {
border: none;
}
.product_list_wrapper .left_filter_container .category .all_filter_label {
color: var(--red) !important;
margin-bottom: 0px;
}
.form-check-input:focus {
box-shadow: none;
border: none;
}
.best-sell-tag-m {
display: none;
}
.pagination {
display: flex !important;
flex-wrap: wrap;
justify-content: center;
}
.page-item {
margin-right: 10px !important;
}
.pro-list-page .card .rating-price {
margin-top: 4px;
}
.pro-list-page .wishlist-icon a {
font-size: 18px;
}
.pro-list-page select:focus-visible {
border: none !important;
outline: none !important;
}
/*************************************************Renge Css Start*************************************************/
.range-slider {
position: relative;
width: 100%;
margin-top: 35px;
margin-bottom: 50px;
}
.show-price-range {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.8px;
}
.show-price-range span:first-child {
color: var(--primary-color);
font-weight: 500;
}
.ruprre-sign {
font-family: Arial, Helvetica, sans-serif;
}
.range-slider div:empty {
opacity: 1;
}
.range-slider input[type="range"] {
position: absolute;
width: 100%;
-webkit-appearance: none;
background: transparent;
pointer-events: none;
top: 31px;
z-index: 2;
}
.range-slider input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 16px;
width: 16px;
background: var(--primary-color);
border-radius: 50%;
cursor: pointer;
pointer-events: all;
position: relative;
z-index: 1;
}
.range-slider input[type="range"]::-moz-range-thumb {
height: 16px;
width: 16px;
background: var(--primary-color);
border-radius: 50%;
cursor: pointer;
pointer-events: all;
position: relative;
z-index: 1;
}
.range-slider input[type="range"]::-ms-thumb {
height: 16px;
width: 16px;
background: var(--primary-color);
border-radius: 50%;
cursor: pointer;
pointer-events: all;
position: relative;
z-index: 1;
}
.range-slider .slider-track {
position: absolute;
height: 5px;
background: #ddd;
top: 40px;
left: 0;
width: 100%;
transform: translateY(-50%);
z-index: 1;
--track-left: 0%;
--track-width: 0%;
}
.range-slider .slider-track::before {
content: "";
position: absolute;
height: 100%;
background: var(--primary-color);
left: var(--track-left);
width: var(--track-width);
}
.cross {
display: none;
width: 18px;
height: 18px;
object-fit: contain;
}
.searchh.active img:first-child {
display: none;
}
.active .cross {
display: block;
}
/*************************************************Renge Css Close*************************************************/
.header-detail .form-control {
border-radius: 0px;
}
@media (min-width: 870px) {
.header-detail .search-sec {
width: 380px;
}
.header-detail .search-sec:after {
content: none;
}
.header-detail .search-sec.block {
top: 0 !important;
position: relative;
}
#ui-id-3.ui-widget-content.ui-autocomplete {
max-width: 380px !important;
}
/*.header-detail .transparent-button {
top: 9px;
}*/
.main_detail_page__wrapper .header_wrapper .right_container {
padding-right: 50px;
}
}
@media (min-width: 1180px) {
.header-detail .search-sec {
width: 500px;
}
#ui-id-3.ui-widget-content.ui-autocomplete {
max-width: 500px !important;
}
}
@media (min-width: 1398px) {
.header-detail .search-sec {
width: 645px;
}
#ui-id-3.ui-widget-content.ui-autocomplete {
max-width: 645px !important;
}
}
@media (min-width: 1800px) {
.header-detail .search-sec {
width: 900px;
}
#ui-id-3.ui-widget-content.ui-autocomplete {
max-width: 900px !important;
}
}
@media (max-width: 869px) {
.search-sec {
width: 100%;
}
}
/**************************************Product Details Page Css Start**************************************************/
.filter_content .filter_content {
border-radius: 4px;
border: 1px solid var(--secondary-color-light);
background: var(--white);
}
.main_detail_page__wrapper h6.custom_breadcrumb {
margin-left: 70px;
}
.main_detail_page__wrapper .left_container {
margin-left: 70px;
}
#productImgBoxDiv {
margin-top: 12px !important;
}
.main_detail_page__wrapper .col-lg-7.col-md-12.col-sm-12.mx-auto.d-pl-0 {
margin-top: 5px;
}
.main_detail_page__wrapper .new-rating {
margin: 20px 0 25px;
}
.main_detail_page__wrapper .new-rating span {
color: var(--primary-color);
}
.highlightWrapper span {
display: block;
}
.main_detail_page__wrapper .review_box {
margin-bottom: 20px;
}
.main_detail_page__wrapper .review_box span:last-child {
margin-bottom: 0px;
}
.main_detail_page__wrapper .review_box span {
margin-bottom: 15px;
color: #212129;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.main_detail_page__wrapper .review_box span strong {
color: var(--primary-color);
font-weight: 400;
}
.line {
width: 100%;
display: block;
margin-top: 30px;
background: var(--light-color);
height: 1px;
opacity: 1 !important;
margin-bottom: 15px;
}
.my-progress {
width: 50%;
}
.five-star .pull-right {
float: left;
margin-bottom: 0px;
width: 20px;
text-align: center;
}
.five-star .fa-star {
color: var(--green);
}
.review-title {
font-weight: 400;
font-size: 30px;
margin-bottom: 20px;
}
.image-title {
margin-top: 6px;
}
.mega_sale_wrapper .card .add-to-cart {
opacity: 0;
transition: all 0.6s ease;
}
.mega_sale_wrapper .card:hover .add-to-cart {
opacity: 1;
}
/**************************************Product Details Page Css Close**************************************************/
/**************************************Cart Page Details Page Css Start**************************************************/
.container.cart-details {
background: var(--white);
}
.cart-listing-page {
background: var(--light-white);
}
.cart-listing-header {
background: var(--light-white);
padding: 25px 0;
text-align: center;
}
.cart-listing-header h4 {
font-size: 30px;
font-weight: 400;
}
.cart-listing-header h3 {
color: var(--primary-color);
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.cart-listing-header a {
color: var(--secondary-color);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
}
.pro-img-des .product-name-brand h3 {
font-size: 18px;
color: var(--primary-color);
font-family: var(--body-font);
font-weight: 400;
margin-bottom: 0.5rem;
}
.cartPrice.price_box .price {
font-size: 16px;
color: var(--primary-color);
font-family: "Roboto", sans-serif;
font-weight: 500;
text-align: center;
padding: 0;
}
.cartPrice.price_box del {
color: #212129;
font-size: 14px;
margin: 10px 0;
display: block;
text-align: center;
font-family: var(--inter-font);
}
.image-detailss {
display: flex;
flex-wrap: wrap;
}
.image-detailss .pro-img {
width: 120px;
height: 120px;
border-radius: 4px;
border: 1px solid var(--secondary-color-light);
background: var(--white);
margin-bottom: 10px;
}
span.chekoutProductDiscount {
color: var(--secondary-color);
font-family: var(--body-font);
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
border: none;
padding: 0;
text-align: center;
display: block;
margin: 0;
}
.pro-col {
display: flex;
/*flex-direction: column;*/
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 10px;
}
.control_box .pagination {
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
align-items: center;
}
.cart-list-sec-header {
border-radius: 4px;
background: var(--light-white);
padding: 15px 0;
margin: 0px;
}
.cart-list-sec-header h6 {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0px;
text-align: center;
}
.right_container.js-set-scroll-box {
margin-left: 50px;
}
.green-col {
color: var(--green);
}
.shipping-box {
border-radius: 4px;
background: var(--light-white);
padding: 20px;
margin-bottom: 20px;
}
.shipping-header {
display: flex;
margin-bottom: 20px;
}
.shipping-header .ship-title {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.shipping-header .ship-country {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: auto;
}
.stan-heading {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 5px;
}
.stan-heading span {
color: var(--secondary-color);
margin-left: 4px;
}
.stan-heading i {
margin-right: 5px !important;
font-size: 13px !important;
}
.stan-description {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-left: auto;
}
.standered-delivary {
margin-bottom: 15px;
}
.standered-delivary:last-child {
margin-bottom: 0px;
}
.result tr th {
padding: 0px;
color: var(--primary-color);
font-family: "Roboto", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.pro-img-des .pro-col span {
margin-right: 4px;
}
/**************************************Cart Page Details Page Css Close**************************************************/
.checkout-box .cart-box img {
width: 120px;
height: 120px;
border-radius: 4px;
border: 1px solid var(--secondary-color-light);
background: var(--white);
object-fit: contain;
padding: 10px 0;
}
.checkout-box .cart-box {
padding: 15px 0;
background: var(--white);
box-shadow: none;
border-radius: 0px;
border-bottom: 1px solid var(--light-color);
}
.col-md-12.checkout-box.checkoutBox {
padding: 0px;
}
.checkout-box .image-detailss .pro-img {
border: none;
}
.checkout-box .cartPrice.price_box {
text-align: center;
}
#order-summary-view-in-checkout.card .card-header {
border: none;
}
.radio:checked + .label {
/* target next sibling (+) label */
background-color: blue;
}
.isHidden {
display: none;
/* hide radio buttons */
}
.detilll-box {
padding: 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--light-color);
}
.detilll-box:first-child {
padding-top: 0px;
}
.detilll-box.no-border {
display: none;
}
.detilll-box span {
color: var(--primary-color);
font-family: var(--inter-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.shipping_rules {
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
padding: 10px 20px;
position: relative;
cursor: pointer;
}
.shipping_rules.highlight {
border: 1px solid var(--secondary-color);
background: var(--light-white);
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
}
.shipping_rules input[type="radio"] {
display: none;
}
.shipping_rules p.shipping-rules-description {
margin-bottom: 0px;
z-index: 1;
}
.shipping_rules p.shipping-rules-description span {
margin-bottom: 0px;
color: var(--primary-color) !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.payment-method .form-check-label {
position: relative;
top: 0;
display: flex;
width: 100%;
align-items: center;
}
.payment-method .form-check-label img {
height: 45px !important;
display: flex;
margin-left: auto;
}
.payment-name {
letter-spacing: 0.8px;
}
button.place_order_button {
border: none !important;
}
.deliver-left-area.shipping-left-area .card-header,
.deliver-left-area.billing-left-area .card-header {
border: none !important;
}
.deliver-left-area.shipping-left-area .card-body,
.deliver-left-area.billing-left-area .card-body {
padding: 20px 0;
border: none !important;
}
.form-control {
padding: 15px 20px;
}
.deliver-left-area.shipping-left-area .card-body .form-control,
.deliver-left-area.billing-left-area .card-body .form-control,
.select2-container--default .select2-selection--single {
border-radius: 4px;
border: 1px solid var(--light-color) !important;
padding: 15px 20px;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.deliver-left-area.shipping-left-area
.card-body
.phone_code
.form-control:first-child {
border: none !important;
}
.select2-container--default .select2-selection--single {
padding: 12px 20px;
}
:-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: var(--primary-color) !important;
font-size: 16px !important;
font-weight: 400 !important;
}
::-moz-placeholder {
/* Firefox 19+ */
color: var(--primary-color) !important;
font-size: 16px !important;
font-weight: 400 !important;
}
:-ms-input-placeholder {
/* IE 10+ */
color: var(--primary-color) !important;
font-size: 16px !important;
font-weight: 400 !important;
}
:-moz-placeholder {
/* Firefox 18- */
color: var(--primary-color) !important;
font-size: 16px !important;
font-weight: 400 !important;
}
::placeholder {
color: var(--primary-color) !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.dashboard-bg :-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: var(--primary-color) !important;
}
.dashboard-bg ::-moz-placeholder {
/* Firefox 19+ */
color: var(--primary-color) !important;
}
.dashboard-bg :-ms-input-placeholder {
/* IE 10+ */
color: var(--primary-color) !important;
}
.dashboard-bg :-moz-placeholder {
/* Firefox 18- */
color: var(--primary-color) !important;
}
.dashboard-bg ::placeholder {
color: var(--primary-color) !important;
}
.deliver-left-area .form-check.deliver-input {
display: flex;
align-items: center;
}
.deliver-left-area .form-check.deliver-input span,
.deliver-left-area .form-check label.form-check-label {
margin-left: 6px;
margin-top: 2px;
}
.shipping_rules input[type="radio"] {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 0;
height: 100%;
border-radius: 4px;
z-index: 10;
}
.shipping_rules.highlighted {
border: 1px solid #000;
background: var(--light-white);
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.1);
font-family: "Roboto", sans-serif;
}
.shipping_rules input:checked[type="radio"]::after {
content: none;
}
.standard-delivery-input input[type="radio"]:checked ~ span {
color: var(--secondary-color);
}
.checkout-details.checkout-details-two {
padding-bottom: 80px;
}
/*Wishlist Css Start*/
.wishlist-details .image-detailss .pro-img .product_img {
max-height: 100%;
display: flex;
justify-content: center;
margin: auto;
padding: 5px 0;
}
.flex-button {
display: flex;
align-items: center;
justify-content: end;
}
.flex-button {
display: flex;
align-items: flex-end;
flex-direction: column;
}
.wishlist-details .image-detailss {
flex-wrap: wrap;
}
.wishlist-details .image-detailss .pro-img-des {
width: 60%;
}
/*.wishlist-details .wishlist_price{
text-align: center;
}*/
.wishlist-details .wishlist_price span {
font-size: 16px;
color: var(--primary-color);
font-family: var(--inter-font);
font-weight: 600;
padding: 0;
display: block;
}
.wishlist-details .wishlist_price del {
color: var(--primary-color);
font-size: 14px;
margin: 10px 0;
display: block;
padding: 0;
display: block;
margin: 0px;
font-family: var(--inter-font);
}
input:focus-visible {
outline: none !important;
}
.checkout-details .wishlist-details .card-header,
.checkout-details .wishlist-details .card-body {
border: none;
}
.checkout-details .wishlist-details .card-header {
padding: 15px 0;
}
.checkout-details .wishlist-details .card-body {
padding: 20px 0;
}
.checkout-details .wishlist-details .card .card-header h4,
.checkout-details .wishlist-details .card .card-header h4 span {
font-size: 25px;
color: var(--primary-color);
margin-bottom: 0;
text-align: center;
font-weight: 400;
font-family: var(--body-font);
}
.bulkk-order .btn-secondary {
color: var(--white);
background-color: var(--primary-color);
border: none;
}
.bulkk-order .btn-secondary i {
color: var(--white);
}
.bulkk-order .bulk-form .card-header,
.bulkk-order .bulk-form .card-body {
bordr: none;
}
.phone_code .form-control:first-child {
padding: 15px 5px !important;
display: flex;
text-align: center;
justify-content: center;
}
th#subtotal_span {
text-align: right;
}
.other_billing_address .form-control {
margin-bottom: 15px;
}
.header-detail .form-control {
padding: 0.375rem 0.75rem;
}
/********************************Dashboard Section Css Start*******************************************************/
.dash-board {
background-color: var(--light-white);
padding: 20px 0 100px;
}
.dashboard-area {
background: var(--white);
padding: 50px 100px 90px;
}
.image-preview_hover {
position: relative;
position: relative;
height: 100px;
width: 100px;
-webkit-box-shadow: 3px 3px 19.5px -1px #dddddd;
-moz-box-shadow: 3px 3px 19.5px -1px #dddddd;
box-shadow: 3px 3px 19.5px -1px #dddddd;
border-radius: 100%;
margin-right: 15px;
cursor: pointer;
}
.profile-description h4 {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: left;
}
.profile-description h4 span {
font-weight: 400;
}
.profile-description p {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: left;
}
.price-row img {
margin-right: 10px;
height: 20px;
}
.price-row h4 {
display: flex;
align-items: center;
}
.dashboard-bg.login-content form input {
line-height: normal;
}
.dashboard-bg.login-content .form-control {
border-radius: 4px;
border: 1px solid var(--light-color);
margin-bottom: 20px;
}
.phone_code .phone-code {
border-radius: 0px;
border: 1px solid var(--light-color);
background: var(--light-white);
padding: 14px 10px;
}
.phone_code .total-number {
border: none !important;
width: 100%;
margin-left: 5px;
}
.phone_code {
position: relative;
}
.phone_code img.img-fluid {
height: 15px;
position: absolute;
top: 17px;
left: 40px;
}
#changePasswordForm .row {
display: block;
}
#changePasswordForm .form-group {
position: relative;
}
#changePasswordForm i.far.fa-eye-slash {
position: absolute;
right: 14px;
top: 19px;
color: var(--primary-color);
}
.deliver-left-area.shipping-left-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.deliver-left-area.shipping-left-area {
display: flex;
align-items: center;
justify-content: space-between;
}
.dash-board .deliver-left-area.shipping-left-area h2 {
margin-bottom: 0px !important;
}
.dash-board .deliver-left-area.shipping-left-area .btn-secondary {
color: var(--white);
background: var(--secondary-color);
border-color: var(--secondary-color);
border-radius: 4px;
font-size: 16px;
font-family: var(--body-font);
}
.address-box {
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
padding: 20px;
margin: 20px 0;
}
.user-info-edit {
display: flex;
align-items: center;
justify-content: space-between;
}
.user-info-edit .user-info,
.edit-del {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.edit-del {
font-size: 16px;
text-transform: uppercase;
}
.delect {
color: var(--red);
}
.edit-del .edit {
color: var(--secondary-color);
margin-right: 17px;
}
.user-des-del {
color: var(--secondary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-top: 10px;
padding-bottom: 10px;
}
.user-des-del p {
margin-bottom: 0px;
margin-top: 5px;
}
.order-list.dash-board h2 {
margin-bottom: 0px;
}
.my_order_search_listing .dashboard-list-body .pro-img img {
max-height: 100%;
display: flex;
justify-content: center;
margin: auto;
padding: 5px 0;
object-fit: contain;
width: 100%;
}
.my_order_search_listing .dashboard-list-body .image-detailss .pro-img {
margin-bottom: 0px;
}
.my_order_search_listing .dashboard-list-body .my_order_pro_title a {
font-size: 18px;
color: var(--primary-color) !important;
font-family: var(--body-font);
font-weight: 400;
margin-bottom: 10px;
display: block;
}
.my_order_search_listing .dashboard-list-body .pro-col {
display: block;
margin-bottom: 5px;
}
.my_order_search_listing .dashboard-list-body .pro-img-des .pro-col span {
margin-left: 4px;
}
.my_order_search_listing .dashboard-list-body .price {
font-size: 16px;
color: var(--primary-color);
font-family: var(--body-font);
font-weight: 500;
margin-bottom: 18px;
display: block;
}
.my_order_search_listing .dashboard-list-body .qnt,
.my_order_search_listing .dashboard-list-body .shipping-cost {
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 8px;
}
.order-list-last {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.order-idd {
display: inline-flex;
padding: 6px 10px;
justify-content: center;
align-items: center;
background: var(--secondary-color-light);
margin-bottom: 10px;
color: var(--primary-color);
font-size: 14px;
border-radius: 4px;
margin-top: 10px;
}
.status {
color: var(--green);
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
text-align: right;
}
.d-date {
color: var(--primary-color);
font-size: 16px;
text-align: right;
}
.wishlist_button .detail_btn {
padding: 12px 10px;
justify-content: center;
align-items: center;
border-radius: 4px;
border: 1px solid var(--primary-color);
background: var(--white) !important;
color: var(--primary-color) !important;
text-align: center;
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
}
.wishlist_button .detail_btn img {
margin-right: 5px;
}
/********************************Dashboard Section Css Close*******************************************************/
.small_image_style {
width: auto;
height: 100%;
width: 100%;
object-fit: contain;
}
.view_order_section {
background: var(--light-white);
padding-bottom: 100px;
}
.view_order_section .container {
padding-top: 20px;
}
.view_order_in {
border-radius: 4px;
background: var(--white);
box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
padding: 30px;
display: flex;
flex-wrap: wrap;
}
ul.list-main.d-flex {
margin-bottom: 0;
}
.process-wrap .list-item .img-fluid {
height: 17px;
width: 20px;
margin-right: 8px;
object-fit: contain;
margin-top: 3px;
}
.user-icons ul .dropdown-menu li img {
width: 16px;
}
.shipping-download {
display: flex;
align-items: center;
margin-bottom: 20px;
justify-content: space-between;
}
.shipping-download .download-invoice {
color: var(--green);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.shipping-download .download-invoice img {
margin-right: 10px;
}
.dashboard-area #shipp_addr_form#user-change-address {
padding: 0;
}
#user-change-address .form-control {
border-radius: 4px;
border: 1px solid var(--light-color) !important;
padding: 15px 20px;
color: var(--primary-color);
font-family: var(--body-font);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.deliver-left-area.shipping-left-area.treatment-box {
margin-right: 0px;
margin-bottom: 30px;
}
.phone_code.user-delivary {
border: 1px solid #c4c4c4;
overflow: hidden;
border-radius: 4px;
}
.label-for-user-dash.form-check-label {
top: 6px;
left: 6px;
}
.for-user-dash.custom-btn {
letter-spacing: 1.08px;
margin-top: 0;
width: 150px;
margin-right: 10px;
}
.for-user-dash.custom-primary-btn {
color: var(--red);
background-color: transparent;
border: 1px solid var(--red);
}
.for-user-dash.custom-primary-btn:hover {
background-color: var(--red);
color: var(--white);
}
.save_for_details .dashboard-list-body {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.save_for_details .dashboard-list-box {
border-radius: 4px;
border: 1px solid var(--light-color);
background: var(--white);
padding: 20px;
}
.checkout-details .save_for_details .card-body {
padding: 0px;
border: none;
}
.brand_accordian .form-check-label {
margin-bottom: 8px;
padding-top: 4px;
margin-left: 6px;
}
#bulk_order_form .help-block {
position: absolute;
}
.deliver-left-area.billing-left-area .card-body .phone_code .form-control {
border-radius: 0px;
}
.price span.fw-bold {
font-family: "Roboto", sans-serif;
}
#reviewColorSkuDiv .out_of_stock span {
color: var(--red) !important;
}
.out_of_stock {
border: 4px solid var(--red) !important;
}
.user-icons .searchh.active img:first-child {
display: block;
}
.card .price strong {
font-family: "Roboto", sans-serif;
}
.price_accordian .form-check-label {
font-family: "Roboto", sans-serif !important;
}
ul.payment-gateways {
display: flex;
flex-wrap: wrap;
}
.payment-gateways li {
margin-bottom: 0px !important;
margin-right: 10px;
}
.payment-gateways li:last-child {
margin-right: 0px;
}
.payment-gateways li .img-fluid {
height: 40px;
object-fit: contain;
}
.available_text {
color: #555;
font-size: 15px;
text-align: center;
}
.available_text i {
color: #22b343;
font-size: 12px;
margin-right: 5px;
}
.shipping-time {
background-color: #22b343;
padding: 1px 10px;
border-radius: 4px;
max-width: max-content !important;
margin-bottom: 11px;
color: #fff !important;
font-size: 13px;
font-weight: bold;
margin-top: -4px;
}
@media (min-width: 1200px) and (max-width: 1590px) {
.productListing .col-xxl-3 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
.cart-for-mobile.go_to_cart_button {
height: 30px;
width: 30px;
border-radius: 50%;
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
color: var(--white) !important;
transition: all 0.3s ease !important;
background-color: var(--secondary-color) !important;
position: relative;
z-index: 52;
margin-left: auto;
padding: 0px;
}
.nav-item.nav-link::after,
.cat_btn::after {
content: none !important;
}
/* ===== Enhanced Mobile Menu Styles ===== */
.mobile-menu-m {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100vh !important;
z-index: 9999 !important;
transform: translateX(-100%) !important;
transition:
transform 0.3s ease-in-out,
opacity 0.3s ease-in-out !important;
opacity: 0 !important;
pointer-events: none !important;
display: block !important;
}
.mobile-menu-m.mobile-menu-active {
transform: translateX(0) !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.mobile-menu-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
opacity: 0;
transition: opacity 0.3s ease-in-out;
pointer-events: none;
}
.mobile-menu-m.mobile-menu-active .mobile-menu-overlay {
opacity: 1;
pointer-events: auto;
}
.mobile-menu-m .mobile__menu__wrapper {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 300px !important;
height: 100vh !important;
background-color: #000000 !important;
z-index: 2 !important;
overflow-y: auto !important;
box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3) !important;
display: block !important;
max-height: none !important;
margin-top: 0 !important;
border-top: none !important;
transition: none !important;
}
.mobile-menu-header {
padding: 12px 20px;
border-bottom: 1px solid #fac261;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 60px;
}
.mobile-menu-close {
cursor: pointer;
color: #fac261;
font-size: 24px;
transition: color 0.3s ease;
}
.mobile-menu-close:hover {
color: #ffffff;
}
.mobile-menu-m .log_details_menu {
padding: 0 !important;
}
.mobile-menu-m .rigtht-links {
border-bottom: 1px solid #333333 !important;
margin: 0 !important;
}
.mobile-menu-m .rigtht-links:last-child {
border-bottom: none !important;
}
.mobile-menu-m .nav-item.nav-link {
display: block !important;
padding: 15px 20px !important;
color: #ffffff !important;
text-decoration: none !important;
font-size: 16px !important;
font-weight: 500 !important;
border: none !important;
transition: all 0.3s ease !important;
background-color: transparent !important;
text-transform: none !important;
line-height: normal !important;
}
.mobile-menu-m .nav-item.nav-link:hover {
background-color: #333333 !important;
color: #fac261 !important;
padding-left: 30px !important;
}
/* ===== Accordion Styles for Mobile Menu ===== */
.mobile-menu-m .accordion {
border: none !important;
}
.mobile-menu-m .accordion .card {
background-color: transparent !important;
border: none !important;
border-bottom: 1px solid #333333 !important;
border-radius: 0 !important;
margin-bottom: 0 !important;
}
.mobile-menu-m .accordion .card:last-child {
border-bottom: none !important;
}
.mobile-menu-m .accordion .card-header {
background-color: transparent !important;
padding: 0 !important;
border: none !important;
margin: 0 !important;
border-radius: 0 !important;
position: relative !important;
}
.mobile-menu-m .accordion .base_link {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.mobile-menu-m .accordion .card-header a {
color: #ffffff !important;
padding: 15px 20px !important;
font-size: 16px !important;
font-weight: 500 !important;
text-transform: none !important;
display: block !important;
transition: all 0.3s ease !important;
text-decoration: none !important;
flex: 1 !important;
}
.mobile-menu-m .accordion .card-header a:hover {
background-color: #333333 !important;
color: #fac261 !important;
}
.mobile-menu-m .accordion .card-header .btn {
position: relative !important;
top: 0px !important;
right: 4px !important;
background-color: transparent !important;
color: #fac261 !important;
font-size: 20px !important;
padding: 5px 10px 6px 10px !important;
z-index: 10 !important;
transition: all 0.3s ease !important;
border: 1px solid #4e3c12 !important;
width: auto;
}
.mobile-menu-m .accordion .card-header .btn:hover {
color: #ffffff !important;
}
.mobile-menu-m .accordion .card-header .btn:focus {
box-shadow: none !important;
outline: none !important;
}
.mobile-menu-m .accordion .card-header .btn.collapsed {
background-color: transparent !important;
color: #fac261 !important;
}
.mobile-menu-m .accordion .card-header .btn .fa {
transition: transform 0.3s ease !important;
}
.mobile-menu-m .accordion .card-header .btn:not(.collapsed) .fa {
transform: rotate(90deg) !important;
}
.mobile-menu-m .accordion .card-body {
padding: 0 !important;
background-color: #1a1a1a !important;
border: none !important;
}
.mobile-menu-m .accordion .card-body > a {
color: #cccccc !important;
padding: 12px 40px !important;
font-size: 14px !important;
border-bottom: 1px solid #2a2a2a !important;
transition: all 0.3s ease !important;
display: block !important;
text-decoration: none !important;
}
.mobile-menu-m .accordion .card-body > a:hover {
background-color: #2a2a2a !important;
color: #fac261 !important;
}
.mobile-menu-m .accordion .card-body > a:last-child {
border-bottom: none !important;
}
/* Inner accordion styles for sub-categories */
.mobile-menu-m .accordion .card.inner__acc {
border-bottom: 1px solid #2a2a2a !important;
margin: 0 !important;
}
.mobile-menu-m .accordion .inner__acc .card-header {
background-color: #2a2a2a !important;
padding: 0 !important;
position: relative !important;
display: flex;
justify-content: space-between;
}
.mobile-menu-m .accordion .inner__acc .card-header .btn {
background-color: transparent !important;
color: #ffffff !important;
padding: 5px 10px 6px 10px !important;
font-size: 20px !important;
width: auto !important;
text-align: left !important;
border: none !important;
position: relative !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
top: 0px !important;
right: 4px !important;
border: 1px solid #4e3c12 !important;
}
.mobile-menu-m .accordion .inner__acc .card-header .btn:hover {
color: #fac261 !important;
}
.mobile-menu-m .accordion .inner__acc .card-header .btn a {
color: inherit !important;
padding: 0 !important;
margin: 0 !important;
background: none !important;
flex: 1 !important;
}
.mobile-menu-m .accordion .inner__acc .card-header .btn .fa {
margin-left: 10px !important;
font-size: 12px !important;
}
.mobile-menu-m .accordion .inner__acc .card-body {
background-color: #333333 !important;
padding: 0 !important;
}
.mobile-menu-m .accordion .inner__acc .card-body a {
color: #cccccc !important;
padding: 10px 30px !important;
font-size: 13px !important;
border-bottom: 1px solid #444444 !important;
display: block !important;
}
.mobile-menu-m .accordion .inner__acc .card-body a:hover {
background-color: #444444 !important;
color: #fac261 !important;
}
.mobile-menu-m .accordion .inner__acc .card-body a:last-child {
border-bottom: none !important;
}
/* Hamburger Menu Icon Styling */
.menu-icon {
cursor: pointer;
padding: 10px;
transition: color 0.3s ease;
}
.menu-icon:hover {
color: #fac261;
}
.menu-icon i {
font-size: 20px;
color: inherit;
}
/* Responsive adjustments */
@media (max-width: 480px) {
.mobile-menu-m .mobile__menu__wrapper {
width: 280px !important;
}
}
@media (max-width: 360px) {
.mobile-menu-m .mobile__menu__wrapper {
width: 260px !important;
}
}
/* Fix for submenu collapse functionality */
.mobile-menu-m .collapse {
transition: height 0.35s ease !important;
}
.mobile-menu-m .collapsing {
transition: height 0.35s ease !important;
}
/* Remove gaps between menu items */
.mobile-menu-m .accordion .card + .card {
margin-top: 0 !important;
}
.mobile-menu-m .accordion .card .card-body .card + .card {
margin-top: 0 !important;
}
.mob-logo {
padding: 0px !important;
margin: 0px !important;
}
.mob-logo .img-fluid {
height: 30px;
object-fit: contain;
}
.user-icons .dropdown-toggle::after {
content: none;
}
.new-sec-com .col-lg-9 .product-image a img {
height: 170px;
}
/* Cookie Consent Modal Styles - Better Fix with Higher Specificity */
/* Modal Container */
.cookie-consent-modal {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
transform: translateY(100%);
transition: transform 0.3s ease-in-out;
visibility: hidden;
}
.cookie-consent-modal.show {
transform: translateY(0);
visibility: visible;
}
.cookie-consent-modal .cookie-consent-overlay {
display: none;
}
.cookie-consent-modal .cookie-consent-content {
position: relative;
background: #fff;
width: 100%;
max-width: 450px;
max-height: 40vh;
padding: 12px 15px;
margin: 0 auto;
border-radius: 6px 6px 0 0;
box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.15);
display: flex;
flex-direction: column;
overflow: hidden;
transition: max-height 0.3s ease;
}
.cookie-consent-modal .cookie-consent-content.expanded {
max-width: 600px;
max-height: 85vh;
}
/* Message Section - Increased Specificity */
.cookie-consent-modal .cookie-consent-content .cookie-consent-message {
flex-shrink: 0;
overflow: visible;
margin-bottom: 12px;
}
.cookie-consent-modal .cookie-consent-content .cookie-consent-message p {
margin: 0;
font-size: 11px;
line-height: 1.3;
color: #555;
text-align: center;
text-justify: inter-word;
margin-bottom: 8px;
}
/* Toggles Section - Increased Specificity */
.cookie-consent-modal .cookie-consent-content .cookie-toggles {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
gap: 15px;
margin-bottom: 12px;
justify-content: center;
align-items: center;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
padding-bottom: 5px;
max-height: 40px;
min-height: 40px;
flex-shrink: 0;
}
/* Scrollbar styling for cookie toggles */
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles::-webkit-scrollbar {
height: 6px;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles::-webkit-scrollbar-thumb {
background: #888;
border-radius: 3px;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles::-webkit-scrollbar-thumb:hover {
background: #555;
}
.cookie-consent-modal .cookie-consent-content .cookie-toggle-item {
display: flex !important;
align-items: center;
justify-content: center;
gap: 6px;
padding: 0;
flex-shrink: 0;
min-width: fit-content;
white-space: nowrap;
}
.cookie-consent-modal .cookie-consent-content .cookie-toggle-item span {
font-size: 11px;
font-weight: 500;
color: #333;
}
/* Toggle Switch - Increased Specificity */
.cookie-consent-modal .cookie-consent-content .toggle-switch {
position: relative;
}
.cookie-consent-modal
.cookie-consent-content
.toggle-switch
input[type="checkbox"] {
display: none;
}
.cookie-consent-modal .cookie-consent-content .toggle-switch {
flex-shrink: 0;
}
.cookie-consent-modal .cookie-consent-content .toggle-switch .toggle-label {
display: block;
width: 32px;
height: 14px;
background: #ccc;
border-radius: 50px;
position: relative;
cursor: pointer;
transition: background 0.3s;
}
.cookie-consent-modal .cookie-consent-content .toggle-switch .toggle-slider {
position: absolute;
top: 2px;
left: 2px;
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
transition: transform 0.3s;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.cookie-consent-modal
.cookie-consent-content
.toggle-switch
input[type="checkbox"]:checked
+ .toggle-label {
background: var(--primary-color);
}
.cookie-consent-modal
.cookie-consent-content
.toggle-switch
input[type="checkbox"]:checked
+ .toggle-label
.toggle-slider {
transform: translateX(18px);
}
.cookie-consent-modal
.cookie-consent-content
.toggle-switch
input[type="checkbox"]:disabled
+ .toggle-label {
opacity: 0.7;
cursor: not-allowed;
background: var(--primary-color);
}
/* Buttons Section - Increased Specificity */
.cookie-consent-modal .cookie-consent-content .cookie-buttons {
display: flex;
gap: 10px;
justify-content: center;
flex-shrink: 0;
margin-top: auto;
padding-top: 12px;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-accept,
.cookie-consent-modal .cookie-consent-content .cookie-buttons .btn-cookie-save {
padding: 7px 16px;
border: none;
border-radius: 5px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
}
/* Initial view - Make Accept all button wider */
.cookie-consent-modal
.cookie-consent-content
.cookie-modal-view-initial
.cookie-buttons {
justify-content: center;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-modal-view-initial
.cookie-buttons
.btn-cookie-accept {
width: 100%;
max-width: 100%;
padding: 10px 20px;
font-size: 14px;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-accept {
background: var(--primary-color);
color: var(--white);
}
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-accept:hover {
background: var(--secondary-color);
}
.cookie-consent-modal .cookie-consent-content .cookie-buttons .btn-cookie-save {
background: var(--primary-color);
color: var(--white);
}
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-save:hover {
background: var(--secondary-color);
}
/* Mobile Responsive Styles - Increased Specificity */
@media (max-width: 576px) {
.cookie-consent-modal .cookie-consent-content {
padding: 10px;
width: 95%;
max-height: 35vh;
min-height: 160px; /* Reserve space to prevent layout shifts */
}
.cookie-consent-modal .cookie-consent-content.expanded {
max-height: 90vh;
}
.cookie-consent-modal .cookie-consent-content .cookie-consent-message {
overflow: visible;
}
.cookie-consent-modal .cookie-consent-content .cookie-consent-message p {
font-size: 10px;
}
.cookie-consent-modal .cookie-consent-content .cookie-toggles {
gap: 12px;
max-height: 40px;
flex-wrap: nowrap !important;
}
.cookie-consent-modal .cookie-consent-content .cookie-toggle-item span {
font-size: 10px;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles
.further-settings-link {
font-size: 10px;
}
.cookie-consent-modal .cookie-consent-content .toggle-switch .toggle-label {
width: 30px;
height: 13px;
}
.cookie-consent-modal .cookie-consent-content .toggle-switch .toggle-slider {
width: 9px;
height: 9px;
}
.cookie-consent-modal
.cookie-consent-content
.toggle-switch
input[type="checkbox"]:checked
+ .toggle-label
.toggle-slider {
transform: translateX(17px);
}
.cookie-consent-modal .cookie-consent-content .cookie-buttons {
flex-direction: column;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-accept,
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-save,
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-cookie-reject,
.cookie-consent-modal
.cookie-consent-content
.cookie-buttons
.btn-back {
width: 100%;
margin: 0;
margin-bottom: 5px;
text-align: center;
}
}
/* Cookie Modal View States */
.cookie-modal-view {
display: none;
flex: 1;
overflow: hidden;
flex-direction: column;
min-height: 0;
}
.cookie-modal-view-initial {
display: flex;
flex-direction: column;
overflow: hidden;
}
.cookie-modal-scrollable {
max-height: 400px;
overflow-y: auto;
margin-bottom: 20px;
padding-right: 10px;
min-height: 300px;
}
/* Scrollbar styling for cookie modal scrollable */
.cookie-modal-scrollable::-webkit-scrollbar {
width: 8px;
}
.cookie-modal-scrollable::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 4px;
}
.cookie-modal-scrollable::-webkit-scrollbar-thumb {
background: #888;
border-radius: 4px;
}
.cookie-modal-scrollable::-webkit-scrollbar-thumb:hover {
background: #555;
}
/* Category Sections */
.cookie-category-section {
margin-bottom: 15px;
padding: 12px;
border: 1px solid #e0e0e0;
border-radius: 6px;
background: #f9f9f9;
flex-shrink: 0;
}
.cookie-category-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.cookie-category-header h3 {
margin: 0;
font-size: 16px;
font-weight: 600;
color: #333;
flex: 1;
}
.essential-badge {
display: inline-block;
padding: 4px 10px;
background: var(--primary-color);
color: #fff;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
margin-left: 10px;
}
.category-toggle-wrapper {
margin-left: auto;
}
.cookie-category-description {
margin: 8px 0;
font-size: 13px;
color: #666;
line-height: 1.5;
}
.more-information-link {
color: var(--primary-color);
text-decoration: none;
font-size: 12px;
margin-top: 6px;
display: inline-block;
flex-shrink: 0;
text-align: center;
width: 100%;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles
.further-settings-link {
color: var(--primary-color);
text-decoration: none;
font-size: 11px;
margin: 0;
display: inline-flex;
align-items: center;
flex-shrink: 0;
white-space: nowrap;
padding: 0;
}
.more-information-link:hover {
text-decoration: underline;
}
.cookie-consent-modal
.cookie-consent-content
.cookie-toggles
.further-settings-link:hover {
text-decoration: underline;
}
/* Tool Sections */
.cookie-tool-section {
margin-bottom: 15px;
padding: 15px;
border: 1px solid #d4a574;
border-radius: 6px;
background: #faf8f5;
}
.cookie-tool-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
.cookie-tool-header h4 {
margin: 0;
font-size: 15px;
font-weight: 600;
color: #333;
flex: 1;
}
.tool-toggle-wrapper {
margin-left: auto;
}
.cookie-tool-details {
margin-top: 10px;
font-size: 13px;
color: #555;
line-height: 1.6;
}
.cookie-tool-details p {
margin: 5px 0;
}
.cookie-tool-details strong {
color: #333;
font-weight: 600;
}
.cookie-tool-details a {
color: #d4a574;
text-decoration: none;
word-break: break-all;
}
.cookie-tool-details a:hover {
text-decoration: underline;
}
/* Navigation Elements */
.btn-back {
color: #333;
text-decoration: none;
font-size: 14px;
padding: 8px 15px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
display: inline-block;
margin-right: 10px;
transition: all 0.3s;
}
.btn-back:hover {
background: #f5f5f5;
border-color: #bbb;
}
.btn-cookie-reject {
background: #6c757d;
color: #fff;
border: none;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
padding: 8px 20px;
transition: all 0.3s;
}
.btn-cookie-reject:hover {
background: #5a6268;
}
/* View Transitions */
.cookie-modal-view {
animation: fadeIn 0.3s ease-in;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* Responsive Design */
@media (max-width: 576px) {
.cookie-modal-scrollable {
max-height: 300px;
min-height: 250px;
}
.cookie-category-header {
flex-direction: column;
align-items: flex-start;
}
.cookie-category-header h3 {
margin-bottom: 8px;
}
.category-toggle-wrapper {
margin-left: 0;
margin-top: 8px;
}
.cookie-tool-header {
flex-direction: column;
align-items: flex-start;
}
.tool-toggle-wrapper {
margin-left: 0;
margin-top: 8px;
}
}
.destination-price,
.destination-price,
.delivery-info i {
color: var(--primary-color) !important;
}
.shipping-destination-item:hover {
border-color: var(--primary-color) !important;
}
.region-coverage-info .text-primary,
.countries-list li .fa-map-marker-alt,
.region-coverage-info .text-primary {
color: var(--primary-color) !important;
}
.highlight_content li {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 8px;
}
h5#countriesModalLabel,
h5#staticBackdropSingleImageLabel {
color: #fff !important;
}
.noCartItemImg {
height: 300px;
object-fit: contain;
}
.new-tag-new {
width: 40px;
height: 40px;
border: 2px solid #cfd1d2;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
letter-spacing: 0.8px;
line-height: 1;
text-transform: capitalize;
position: absolute;
z-index: 2;
background-color: var(--primary-color);
color: #fff;
overflow: hidden;
opacity: 1 !important;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.26);
margin-top: 20px;
margin-left: 10px;
font-family: "Lobster", sans-serif;
font-weight: normal;
}
.new-tag-new::before {
content: "";
position: absolute;
top: -13px;
left: -4px;
width: 80%;
height: 80%;
background: url(../images/folded-corner.png) no-repeat top left;
background-size: contain;
transform: rotate(181deg);
}
/* FAQ Section Styles */
.faq-section {
padding: 3rem 0;
background: #fbfbfb;
margin-top: 50px;
}
.faq-section .container {
max-width: 86%;
}
.faq-section .faq-title {
font-size: 2.5rem;
font-weight: 600;
color: var(--primary-color);
margin-bottom: 0.5rem;
text-align: center;
}
.faq-section .faq-subtitle {
font-size: 1.1rem;
color: #7e93a9;
text-align: center;
margin-bottom: 3rem;
}
.faq-accordion {
max-width: 900px;
}
.faq-item {
background: var(--white);
border-radius: 8px;
margin-bottom: 1rem;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
overflow: hidden;
transition: all 0.3s ease;
}
.faq-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}
.faq-item.active {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.faq-question {
padding: 18px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
background: var(--white);
border: none;
width: 100%;
text-align: left;
font-size: 1.1rem;
font-weight: 500;
color: var(--primary-color);
transition: all 0.3s ease;
position: relative;
}
.faq-question:hover {
color: var(--secondary-color);
}
.faq-question::after {
content: "\f067";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1rem;
color: var(--secondary-color);
transition: transform 0.3s ease;
flex-shrink: 0;
margin-left: 1rem;
}
.faq-item.active .faq-question::after {
content: "\f068";
transform: rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition:
max-height 0.4s ease,
padding 0.4s ease;
background: var(--white);
}
.faq-item.active .faq-answer {
max-height: 1000px;
padding: 0 1.25rem 1.5rem 1.25rem;
}
.faq-answer-content {
color: #555;
line-height: 1.8;
font-size: 1rem;
padding-top: 0.5rem;
}
.faq-answer-content p {
margin-bottom: 0.75rem;
}
.faq-answer-content p:last-child {
margin-bottom: 0;
}
.faq-answer-content ul,
.faq-answer-content ol {
margin: 0.75rem 0;
padding-left: 1.5rem;
}
.faq-answer-content li {
margin-bottom: 0.5rem;
}
.faq-answer-content a {
color: var(--secondary-color);
text-decoration: none;
}
.faq-answer-content a:hover {
text-decoration: underline;
}
/* Responsive Styles for FAQ */
@media (max-width: 991px) {
.faq-section {
padding: 2.5rem 0;
}
.faq-section .faq-title {
font-size: 2rem;
}
.faq-section .faq-subtitle {
font-size: 1rem;
margin-bottom: 2rem;
}
.faq-question {
padding: 1.25rem 1rem;
font-size: 1rem;
}
.faq-item.active .faq-answer {
padding: 0 1rem 1.25rem 1rem;
}
}
@media (max-width: 767px) {
.faq-section {
padding: 2rem 0;
}
.faq-section .faq-title {
font-size: 1.75rem;
margin-bottom: 0.75rem;
}
.faq-section .faq-subtitle {
font-size: 0.95rem;
margin-bottom: 1.5rem;
padding: 0 1rem;
}
.faq-accordion {
padding: 0 0.5rem;
}
.faq-question {
padding: 1rem 0.875rem;
font-size: 0.95rem;
line-height: 1.5;
}
.faq-question::after {
font-size: 0.875rem;
margin-left: 0.75rem;
}
.faq-item.active .faq-answer {
padding: 0 0.875rem 1rem 0.875rem;
}
.faq-answer-content {
font-size: 0.9rem;
line-height: 1.7;
}
}
@media (max-width: 480px) {
.faq-section .faq-title {
font-size: 1.5rem;
}
.faq-section .faq-subtitle {
font-size: 0.875rem;
}
.faq-question {
padding: 0.875rem 0.75rem;
font-size: 0.9rem;
}
.faq-item.active .faq-answer {
padding: 0 0.75rem 0.875rem 0.75rem;
}
.faq-answer-content {
font-size: 0.875rem;
}
}
/* Dark Mode Support for FAQ */
body.active .faq-section {
background: #181818;
}
body.active .faq-item {
background: #232323;
border-color: #232323;
}
body.active .faq-question {
background: #232323;
color: #dcdcdc;
}
body.active .faq-item.active .faq-answer {
background: #232323;
}
body.active .faq-answer-content {
color: #bfbcbc;
}
body.active .faq-section .faq-title {
color: #fff;
}
body.active .faq-section .faq-subtitle {
color: #b8b5b5;
}
.blog-wrap {
text-decoration: none !important;
}
@media screen and (max-width: 500px) {
.faq-section .container {
max-width: 100%;
padding: 0px 10px;
}
.product_list_wrapper .faq-section .container {
padding: 0px 10px 0 0;
}
.ProductContentBox .row {
margin: 0px !important;
}
.user-icons ul li {
margin-right: 8px !important;
}
.user-icons ul li:last-child {
margin-right: 0px !important;
}
.logo-section .logo-detail-section .user-icons ul li a {
margin-right: 0px !important;
}
.new-tag-new {
width: 35px;
height: 35px;
margin-left: 0;
}
.new-tag-new.best-selling-tag {
font-weight: normal;
text-align: center;
font-size: 7px;
}
.out_of_stock {
border: none !important;
}
}