/*
Author Name: Md. Minhazul Hossain
*/

@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap");

:root {
 /* Primary color (আপনি ঠিক রেখেছেন) */
 --primaryColor: #623C96;

 /* Primary color light/opacity variation */
 --primaryColor22: rgba(247, 93, 30, 0.22); /* subtle transparent version */

 /* Secondary color (harmonious with primary) */
 --secondaryColor: #1e3a5f; /* deep blue for contrast, readable with orange */

 /* Complementary accent color (optional) */
 --accentColor: #f2a65a; /* soft orange-yellow for highlights/buttons */

 /* Neutral colors */
 --neutralLight: #f5f5f5; /* for backgrounds */
 --neutralDark: #333333; /* for text */

 /* UI styling */
 --border-radius: 5px;
 --box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
 --box-shadow-inset: inset 0 2px 4px rgba(0, 0, 0, 0.05),
  inset 0 -2px 2px rgba(0, 0, 0, 0.05);
 --PrimaryFontFamily: "Barlow", sans-serif;
 --FontAwesomeFontFamily: "Font Awesome 5 Pro";
}

::selection {
 background-color: var(--secondaryColor);
 color: var(--white);
}
::-webkit-scrollbar {
 width: 5px;
}

::-webkit-scrollbar-track {
 background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body {
 font-family: var(--PrimaryFontFamily);
 font-size: 16px;
 font-weight: 400;
 margin: 0px !important;
 padding: 0px !important;
 color: var(--dark);
 overflow-x: hidden;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 -o-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.core-content, #page {
 background-color: #eef0f1;
}
.fontSizeSm {
 font-size: 0.875rem;
}
.btn-shadow {
 box-shadow: var(--box-shadow-inset);
}

a {
 color: var(--dark);
}

a:hover {
 color: var(--primaryColor);
}

.btn-success {
 padding: 0.3rem 1rem;
 background-color: rgb(0 108 50 / 22%);
 color: var(--primaryColor);
 border: 0;
 font-weight: 500;
 transition: 0.3s all ease-in;
 /* box-shadow: var(--box-shadow-inset);
    -webkit-box-shadow: var(--box-shadow-inset); */
}

.btn-success:hover {
 background-color: var(--secondaryColor);
 border-color: var(--secondaryColor);
}

.bg-success {
 background-color: var(--secondaryColor) !important;
}

.btn-block + .btn-block {
 margin-top: 0.2rem;
}

.page-item.active .page-link {
 background-color: var(--primaryColor);
 border-color: var(--primaryColor);
}

.page-center ul.pagination li a {
 color: var(--primaryColor);
}
/* 
.MsoTableGrid span,
.MsoNormal span,
.MsoNormal font {
    font-family: 'Inter', sans-serif !important;
} */

.custom-control-label::before,
.custom-control-label::after {
 border-radius: 50%;
 top: 3px;
 border-color: var(--primaryColor);
 background-color: var(--primaryColor);
}

.logo img {
 max-height: 85px;
}
.logo .logo-text {
 font-size: 35px;
 color: var(--primaryColor);
 margin-left: 5px;
}

/* @media (min-width: 1441px) and (max-width: 1600px) {
    .trending .banner-effect img {
        height: 400px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .trending .banner-effect img {
        height: 340px;
    }
} */

/*Hire Purchase*/

.selfAssessmentFormWrapper {
 margin-bottom: 30px;
}

.selfAssessmentFormWrapper.hide {
 display: none;
}

.selfAssessmentFormWrapper .card-header {
 font-size: 15px;
}

.createHirePurchaseForm {
 display: none;
 transition: all 3s ease-in-out;
}

.createHirePurchaseForm.show {
 display: block;
}

.createHirePurchaseForm .btn-link {
 color: var(--dark);
}

.createHirePurchaseForm .btn-link:hover {
 text-decoration: none;
 color: var(--primaryColor);
}

.createHirePurchaseForm .btn-link.focus,
.btn-link:focus {
 text-decoration: none;
}

.hirePurchasearea .form-control,
.hirePurchasearea .custom-select,
.hirePurchasearea label,
.hirePurchasearea .table td,
.hirePurchasearea .table th {
 font-size: 13px;
}

.createHirePurchaseForm .card-header {
 padding: 0.25rem 1.25rem;
 background-color: var(--white);
}

.createHirePurchaseForm .card-header svg {
 width: 15px;
 height: 15px;
}

.createHirePurchaseForm #collapseOne h4 {
 font-weight: 400;
 font-size: 16px;
 box-shadow: var(--box-shadow);
 -webkit-box-shadow: var(--box-shadow);
 border-radius: var(--border-radius);
}

.createHirePurchaseForm .card-header button::after {
 content: "+";
 position: absolute;
 right: 50px;
}

.createHirePurchaseForm .card-header button[aria-expanded="true"]::after {
 content: "-";
}

/*Product Page Custom CSS*/

.productPageRow {
 background-color: var(--white);
 border-radius: var(--border-radius);
 padding: 20px;
 box-shadow: var(--box-shadow);
 -webkit-box-shadow: var(--box-shadow);
 margin-left: 0;
 margin-right: 0;
 align-items: center;
}

.xzoom-container {
 text-align: center;
}

.xzoom5 {
 border: 0;
 max-width: 300px;
 margin-bottom: 0;
}

.a2a_svg {
 width: 24px !important;
 height: 24px !important;
}

/*Checkout Page*/

.checkout-area .checkout-process li a::after {
 border-left: 20px solid #eef0f1;
}

/*Footer*/

/*Breadcrumb*/
.breadcrumb-area .pages li {
 line-height: 20px;
}

.breadcrumb-area .pages li a {
 margin-right: 25px;
}

.breadcrumb-area .pages li a::after {
 position: absolute;
 font-family: var(--FontAwesomeFontFamily);
 font-weight: normal;
 content: "\f324";
 right: -20px;
 line-height: 24px;
 color: var(--dark);
 font-size: 12px;
}

.ui-accordion .ui-accordion-header::before {
 position: absolute;
 left: 15px;
 font-family: var(--FontAwesomeFontFamily);
 content: "\f128";
 font-style: normal;
}
.categories_menu_inner > ul > li.dropdown_list a,
.categories_menu_inner > ul > li.dropdown_list .link-area > a {
 color: #444;
 padding: 12px 15px;
 font-size: 0.875rem;
 font-weight: 500;
}
.shops-section,
.faq-section,
.contact-us {
 padding: 20px 0 70px;
}

.faq-section .ui-accordion .ui-accordion-header:nth-child(1) {
 margin-top: 0 !important;
}

.ssl-return-msg-scc {
 right: 50%;
 top: 2%;
 border: 1px solid #cccc;
 padding: 10px;
 border-radius: 5px;
 color: var(--white);
 z-index: 5;
 transform: translate(50%, 50%);
 -webkit-transform: translate(50%, 50%);
 -ms-transform: translate(50%, 50%);
 font-size: 24px;
}

.order-box .title {
 color: var(--dark);
}

.stickyMenuWrapper .autocomplete-items {
 top: 80%;
}

.user-dashbord {
 padding: 30px 0 70px;
}

.dropdownmenu-wrapper .dropdown-cart-products {
 height: calc(100vh - 215px);
 overflow-y: auto;
}

.dropdownmenu-wrapper {
 padding: 0;
}

.dropdownmenu-wrapper .dropdown-cart-products .product {
 padding: 15px;
 align-items: center;
}

.dropdownmenu-wrapper .dropdown-cart-total,
.dropdownmenu-wrapper .dropdown-cart-header,
.dropdown-cart-action {
 padding: 13px;
 align-items: center;
}
.dropdownmenu-wrapper .dropdown-cart-total {
 background-color: #f5f5f5;
}

.dropdownmenu-wrapper .dropdown-cart-header #floatingCartClose {
 padding: 10px;
}

/*Floating Cart CSS*/

figure.product-image-container a img {
 max-width: 50px;
}

.dropdown-cart-products .cart-remove {
 display: block;
 cursor: pointer;
 transition: 0.2s all ease-in;
 padding: 6px 8px;
 border-radius: 50%;
}
.dropdown-cart-products .cart-remove:hover {
 background-color: #eef0f1;
}

.close-side-cart {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 400;
 opacity: 0;
 visibility: hidden;
 background-color: rgba(0, 0, 0, 0.7);
 transition: opacity 0.25s ease, visibility 0s ease 0.25s;
}

.close-side-cart.show {
 opacity: 1;
 visibility: visible;
 transition: opacity 0.25s ease, visibility 0s ease;
}
.modal-content {
 border: 0;
}

/*Floating Cart Right Side*/

.floatingCartRightSide {
 position: fixed;
 font-size: 0.55rem;
 opacity: 0.7;
 text-align: center;
 border-radius: 0.1875rem;
 color: var(--white);
 background-color: var(--primaryColor);
 cursor: pointer;
 top: 50%;
 right: -100px;
 -webkit-box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);
 box-shadow: 0 0 21px rgba(0, 0, 0, 0.2);
 z-index: 80;
 -webkit-transition: all linear 0.3s;
 -moz-transition: all linear 0.3s;
 -o-transition: all linear 0.3s;
 transition: all linear 0.3s;
 -webkit-transform: translate(5%, -50%);
 -ms-transform: translate(5%, -50%);
 transform: translate(5%, -50%);
}

.floatingCartRightSide:hover {
 opacity: 1;
}

.floatingCartRightSide.show {
 right: 15px;
}

.floatingCartRightSide i {
 color: var(--white);
 font-size: 1.1rem;
}

.item .item-img .extra-list ul li span {
 border: 0 !important;
 background-color: rgb(0 108 50 / 60%) !important;
 color: var(--white);
}
.item .item-img .extra-list ul li span:hover {
 background: var(--secondaryColor) !important;
}

/*Shopping Cart */

@media (max-width: 360px) {
 .item-cart-area {
  margin-top: 12px;
 }
}

@media (min-width: 769px) {
 .flash-deals .flas-deal-slider .item .item-img {
  width: 40%;
 }
 .desc-sec-flash {
  width: 60%;
 }
 .desc-sec-flash .info {
  padding: 0;
  text-align: left;
 }
 .desc-sec-flash .info .stars {
  text-align: left;
 }
 .flash-deals .flas-deal-slider .item .deal-counter {
  padding: 0;
 }
 .flash-deals .flas-deal-slider .item .deal-counter span {
  width: 23%;
 }
}

@media (max-width: 1316px) {
 .flash-deals .flas-deal-slider .item .deal-counter span {
  width: 22%;
 }
}

/*Product Details Page */

/* .xzoom-thumbs .owl-carousel .owl-item img {
    width: 65px;
    height: 65px;
    padding: 10px;
} */

.xzoom-thumbs .owl-carousel .owl-item img.xactive {
 border-width: 2px;
}

.seller-info,
.seller-info .content {
 text-align: left;
}

.seller-info {
 position: relative;
 padding: 60px 0px 0px 0px;
}

.seller-info .content {
 padding: 0 15px;
}

.seller-info .content .stor-name {
 font-size: 18px;
 line-height: 18px;
 font-weight: 600;
 margin-bottom: 0;
}

.seller-info .merchantLogo {
 position: absolute;
 right: 20px;
 top: 20px;
}

.seller-info .merchantLogo img {
 width: 90px;
 height: auto;
}

.seller-info .content .total-product {
 padding: 10px 0 20px;
 width: 100%;
}

.seller-info .content .total-product span {
 font-weight: 400;
 margin-right: 5px;
}

/* .quickview-modal .xzoom-thumbs .owl-carousel .owl-item img {
    width: 65px;
    height: 65px;
    padding: 10px;
} */

/*Wist List Page*/

.single-wish {
 background-color: var(--white);
 border: 0;
 box-shadow: var(--box-shadow);
 -webkit-box-shadow: var(--box-shadow);
}

.single-wish .left {
 box-shadow: none;
 margin-right: 0;
}

.wish-list .item-filter {
 padding: 0;
 border: 0;
}

.wish-list .right-area .item-filter {
 justify-content: flex-end;
}

/*Compare page*/

.compare-page {
 padding: 0 0 70px;
}

.compare-page-content-wrap {
 max-width: 100%;
 background-color: var(--white);
}

.compare-page-content-wrap table.table {
 width: 100%;
}

.compare-table .product-image-title img {
 max-width: 100px;
}

/*Product Quick View*/

/* #quick-details {
    align-items: center;
} */

/*FAQ PAGE CSS*/

.ui-accordion .ui-accordion-header {
 padding: 5px 40px 5px;
 font-family: var(--PrimaryFontFamily);
 font-size: 16px;
 background-color: var(--dark);
}

.product-details-page #product-details-tab.ui-tabs .ui-tabs-panel {
 overflow: auto;
}

/*User Order Details*/

.user-dashbord .user-profile-details .order-details {
 border: 0;
 background-color: var(--white);
 border-radius: var(--border-radius);
 box-shadow: var(--box-shadow);
 -webkit-box-shadow: var(--box-shadow);
}

/* .mobileFilterbtn {
    cursor: pointer;
} */

/* .mobileFilterItem.open {
    left: 0;
} */

/* .filterMenuCloseBtn {
    cursor: pointer;
    position: absolute;
    right: 15px;
    font-size: 20px;
} */

.modal-header .close {
 background-color: transparent;
 right: -10px;
 top: -10px;
 box-shadow: none;
 font-size: 30px;
 z-index: 1;
 color: #fff;
 font-weight: 400 !important;
 border-radius: 0;
}

.modal-header .close:hover {
 background: none;
 color: #dc3545;
 font-weight: 400 !important;
}

.modal-header button:focus {
 outline: none;
}

.bottomtotop i {
 bottom: 10px;
 background-color: var(--primaryColor);
}

.previousPriceText {
 text-decoration: line-through;
 text-decoration-color: #dc3545;
 text-decoration-thickness: 2px;
 margin-left: 5px;
 color: #dc3545 !important;
}

.previousPriceText small {
 font-weight: 600;
}

#maddcrt,
#addcrt,
button {
 position: relative;
}

.loading::after {
 position: absolute;
 top: 50%;
 left: 50%;
 margin-top: -10px;
 margin-left: -10px;
 opacity: 1;
 transition: opacity 0.6s ease;
 content: "";
 display: inline-block;
 width: 20px;
 height: 20px;
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-left-color: rgba(255, 255, 255, 0.8);
 border-radius: 50%;
 vertical-align: middle;
 animation: rotate 0.5s ease-in infinite;
}

.loading span {
 opacity: 0;
}

.loading i {
 opacity: 0;
}

@keyframes rotate {
 0% {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
 }
}

/*Modal CSS */

#comment-log-reg1 .modal-body,
#vendor-login .modal-body,
#comment-log-reg .modal-body {
 padding: 0.5rem 0;
}

#comment-log-reg .login-area,
#vendor-login .login-area {
 box-shadow: none;
 /* padding: 30px 0; */
}

.categories_menu_inner .categories_mega_menu .categoriesMegaMenuListing {
 width: 100%;
}
.categories_menu_inner
 .categories_mega_menu.has-banner
 .categoriesMegaMenuListing {
 width: 60%;
}

.categories_menu_inner .categories_mega_menu.has-banner .categoryBanner {
 width: 40%;
}
.categories_menu_inner .categories_mega_menu.has-banner .categoryBanner img {
 width: 100% !important;
 height: 100%;
}

/*QUANTITY BUTTON DESIGN*/

.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .modal-minus,
.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .qtminus {
 border-top-left-radius: 0.2rem;
 border-bottom-left-radius: 0.2rem;
 background-color: #eef0f1;
 transition: all 0.2s ease-in;
}
.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .modal-minus:hover,
.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .qtminus:hover {
 background-color: var(--secondaryColor);
 color: var(--white);
}

.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .modal-plus,
.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .qtplus {
 border-top-right-radius: 0.2rem;
 border-bottom-right-radius: 0.2rem;
 background-color: #eef0f1;
 transition: all 0.2s ease-in;
}
.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .modal-plus:hover,
.product-details-page
 .right-area
 .product-info
 .info-meta-3
 .meta-list
 li.count
 .qty
 ul
 li
 .qtplus:hover {
 background-color: var(--secondaryColor);
 color: var(--white);
}

.profilearea .profile img {
 width: 20px;
 height: 20px;
 border-radius: 50%;
 border: 1px solid #fff;
 margin-right: 5px;
}
.my-dropdown-menu.profile-dropdown li a {
 padding: 0.5rem 1rem;
 transition: all 0.2s ease-in;
 border: 0;
 font-size: 0.875rem;
 font-weight: 400;
 width: 100%;
 display: inline-block;
 color: #000;
 line-height: 30px;
}
.my-dropdown-menu.profile-dropdown li a:hover {
 background-color: rgb(0 108 50 / 11%);
 border-left: 5px solid var(--primaryColor);
}
.list-group-item:first-child,
.list-group-item:last-child {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
}

.my-dropdown-menu.profile-dropdown li a i {
 min-width: 24px;
}

.categories_menu_inner .categories_mega_menu li a,
.categories_menu_inner .categories_mega_menu ul li a {
 padding: 5px 10px;
}
.categories_menu_inner .categories_mega_menu li a:hover {
 background-color: rgb(0 108 50 / 11%);
}
.categorie_sub_menu ul li a {
 padding: 0 15px !important;
}

/*USER PROFILE AREA*/
.user-profile-info-area .default-profile-image {
 width: 100px;
 height: 100px;
 border-radius: 50%;
 margin: 15px 0;
}

.user-dashbord .user-profile-info-area .links li.active a,
.user-profile-info-area .links li a:hover {
 background-color: rgb(0 108 50 / 11%);
 border-left: 5px solid var(--primaryColor);
}
.user-profile-info-area .links li a i {
 width: 22px;
}

.search-form .input-group {
 border: 1px solid rgba(0, 0, 0, 0.07);
 border-radius: 0.25rem;
}

.seller-info .contact-seller a {
 font-size: 0.875rem;
 padding: 0.7rem;
 transition: 0.3s all ease-in-out;
}
.seller-info .contact-seller a:hover {
 background-color: #eef0f1;
}
.seller-info .contact-seller .list a {
 display: block;
}

.cartPrice .cart-total {
 font-size: 1rem;
 font-weight: 700;
}
.campagin-banner-container img {
 border-radius: var(--border-radius);
 box-shadow: var(--box-shadow);
}
/* .campaign-terms summary{
    font-size: 0.875rem;
    outline: none;
}
.campaign-terms p{
    border-radius: var(--border-radius);
    font-size: 0.875rem;
    text-transform: capitalize;
    margin-top: 10px;
} */

/*Campaign Page*/

.termsBtn {
 font-weight: 500;
 font-size: 1.1rem;
}
/* .termsBtn:hover{
    text-decoration: underline;
} */
.campaign-terms-details {
 position: fixed;
 bottom: 0;
 left: 0;
 width: 100%;
 background-color: var(--white);
 z-index: 9999999999999999999999;
 transform: translateY(100%);
 visibility: hidden;
 opacity: 0;
 transition: all 0.3s ease-in;
 height: 70vh;
 overflow-y: auto;
}
.campaign-terms-details.active {
 transform: none;
 visibility: visible;
 opacity: 1;
}

.campaign-terms-details .campaign-terms-details-header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 1rem 1rem;
 border-bottom: 1px solid #ccc;
}
.campaign-terms-details .campaign-terms-details-header h3 {
 font-size: 1.3rem;
 font-weight: 600;
 text-transform: uppercase;
}
.campaign-terms-details
 .campaign-terms-details-header
 .campaign-terms-details-close {
 font-size: 1.5rem;
}
.campaign-terms-details .campaign-terms-details-body {
 padding: 1rem 1rem;
 overflow-y: auto;
}
.campaign-terms-details .campaign-terms-details-body li {
 margin-bottom: 10px;
 font-weight: 500;
}
.campaign-terms-details .campaign-terms-details-body li:last-child {
 margin-bottom: 0;
}

.discount-product {
 position: relative;
}
.discount-badge {
 position: absolute;
 top: 0%;
 right: 0%;
 background: rgb(36, 0, 0);
 background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgb(138, 5, 5) 100%);
 color: var(--white);
 /* border-radius: 50px; */
 border-bottom-left-radius: 5px;
 padding: 2px 5px;
 font-size: 0.75rem;
 box-shadow: var(--box-shadow);
 font-weight: 600;
 font-style: italic;
}
.discount-badge::after {
 content: "";
}
.info-meta-3 .meta-list > li {
 margin-right: 10px;
}
.table td,
.table th {
 padding: 0.5rem;
}
.form-control {
 display: block;
 width: 100%;
 height: calc(1.5em + 1.25rem + 2px);
 padding: 0.625rem 1rem;
 font-size: 0.9375rem;
 font-weight: 400;
 line-height: 1.5;
 color: #4b566b;
 background-color: var(--white);
 background-clip: padding-box;
 border: 1px solid #dae1e7;
 border-radius: 0.3125rem;
 box-shadow: 0 0 0 0 transparent;
 transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form-control-custom {
 padding: 0.375rem 0.75rem 0.375rem 2.3rem;
}
.form-control-datatable-head {
 height: auto;
 line-height: 0.8;
}
.shop-card {
 margin-bottom: 10px;
 transition: all 0.3s ease-in;
}
.shop-card:hover {
 box-shadow: var(--boxShadowDeep);
 transform: scale(1.05);
}

.shop-card img {
 height: 70px;
 margin: 15px auto;
}
#comment-log-reg1 .modal-header,
#vendor-login .modal-header,
#comment-log-reg .modal-header {
 padding: 1px;
 border-bottom: 1px solid #dee2e6 !important;
}
#comment-log-reg1 .nav-link,
.comment-log-reg-tabmenu .nav-link,
#vendor-login .nav-link,
#comment-log-reg .nav-link {
 padding: 1rem;
 background-color: transparent;
}
/* #comment-log-reg1 .nav-link:hover,
#vendor-login .nav-link:hover, #comment-log-reg .nav-link:hover{
    background-color: #eef0f1;
} */
#comment-log-reg1 .nav-link.active,
.comment-log-reg-tabmenu .nav-link.active,
#vendor-login .nav-link.active,
#comment-log-reg .nav-link.active {
 border-bottom: 3px solid var(--primaryColor);
 margin-bottom: -1px;
 color: var(--primaryColor);
 font-weight: 600;
}
#comment-log-reg1 .nav-link.active i,
#vendor-login .nav-link.active i,
#comment-log-reg .nav-link.active i {
 font-weight: 600;
}
.comment-log-reg-tabmenu .nav-tabs {
 /* background-color: #fff; */
 border-bottom: 1px solid #ccc;
 margin-bottom: -1px;
 /* align-items: center; */
}

.item .item-img .extra-list ul {
 display: flex;
}
.item .item-img .extra-list ul li {
 margin-right: 5px;
}
.product-details-page
 .xzoom-container
 .owl-carousel
 .owl-controls
 .owl-nav
 .owl-prev,
.product-details-page
 .xzoom-container
 .owl-carousel
 .owl-controls
 .owl-nav
 .owl-next {
 background-color: #eef0f1;
 color: var(--dark);
 border: 0;
 font-size: 1.3rem;
}
.mobileDrawerBottomWrapper a {
 display: block;
 padding: 12px 0px;
 transition: all 0.3s ease-in;
}
.mobileDrawerBottomWrapper a:hover {
 background-color: #e6e6e6;
}
.list-Out-of-Stock-wrapper {
 position: absolute;
 top: 50%;
 z-index: 9;
 width: 100%;
 background-color: rgb(189 5 5 / 50%);
 padding: 5px 0;
 color: var(--white);
 font-size: 0.875rem;
 font-weight: 600;
 box-shadow: var(--boxShadowDeep);
}

/*New Product Grid CSS*/
.product-in-tab-section .nav-tabs {
 margin-bottom: 20px;
}
.login-area .form-forgot-pass {
 align-items: center;
}
.comment-log-reg-tabmenu .nav-tabs .nav-link {
 width: 50%;
 background-color: var(--white);
 border-radius: 0;
}

.product-in-tab-section .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
 background-color: var(--primaryColor22);
 border: none;
 font-weight: 600;
 color: var(--primaryColor);
}
.product-in-tab-section .nav-tabs .nav-item {
 margin-bottom: 10px;
}
.product-card {
 background-color: var(--white);
 position: relative;
 display: -webkit-box !important;
 display: flex !important;
 height: auto;
 padding: 20px 20px 0;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
 overflow: hidden;
 border: 1px solid #ebebeb;
 border-radius: 2px;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
 margin-bottom: 10px;
 border-radius: 8px;
}
.product-card:hover {
 border-color: var(--white);
 box-shadow: 2.5px 4.33px 50px 5px rgba(11, 28, 42, 0.15);
 z-index: 1;
}
.product-card .product-card-top {
 position: relative;
}
.product-card .product-card-middle {
 position: relative;
 display: -webkit-box;
 display: flex;
 height: 90px;
 margin-top: auto;
 padding-bottom: 9px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
 -webkit-box-pack: end;
 justify-content: flex-end;
 z-index: 0;
}
.product-card .product-card-bottom {
 position: relative;
 padding: 12px 0 10px;
 border-top: 1px solid #ebebeb;
 -webkit-transition: 0.15s ease-in-out;
 transition: 0.15s ease-in-out;
}
.product-card .product-card-actions {
 position: absolute;
 top: -5px;
 right: 0;
 display: -webkit-box;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
 border-radius: 2px;
 z-index: 1;
}

.product-card .product-card-actions .btn {
 height: 35px;
 width: 35px;
 display: -webkit-box;
 display: flex;
 -webkit-box-pack: center;
 justify-content: center;
 -webkit-box-align: center;
 align-items: center;
 padding: 0;
 background: #fff;
 border: 1px solid #ebebeb;
 border-radius: 2px;
 opacity: 0;
 visibility: hidden;
 -webkit-transform: scale(0.5);
 transform: scale(0.5);
 -webkit-transition: opacity 0.2s ease-in-out, border-color 0.15s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
 transition: opacity 0.2s ease-in-out, border-color 0.15s ease-in-out,
  -webkit-transform 0.2s ease-in-out;
 transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
  border-color 0.15s ease-in-out;
 transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out,
  border-color 0.15s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.product-card:hover .product-card-actions button {
 opacity: 1;
 visibility: visible;
 -webkit-transform: scale(1);
 transform: scale(1);
}
.product-card .product-card-actions .btn-wishlist {
 margin-bottom: 5px;
}
.product-card .product-card-actions .btn:hover {
 border-color: var(--secondaryColor);
}
.product-card .product-price {
 transition: 0.2s ease-in-out;
}

.product-card .product-price-clone {
 position: absolute;
 left: 15px;
 bottom: 15px;
 padding: 0;
 border: none;
 opacity: 0;
 visibility: hidden;
 z-index: -1;
 transition: all 0.3s ease-in;
}
.product-card:hover .product-price-clone {
 opacity: 1;
 visibility: visible;
 -webkit-transform: translateX(-15px);
 transform: translateX(-15px);
}

.product-card .product-name {
 display: block;
 color: #191919;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
 z-index: 1;
}
.product-card:hover .product-name {
 -webkit-transform: translateY(-33px);
 transform: translateY(-33px);
}

.product-card .btn-add-to-cart {
 font-size: 0.875rem;
 position: absolute;
 left: 0;
 bottom: 17px;
 width: 100%;
 padding: 6px 0;
 opacity: 0;
 visibility: hidden;
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}

.product-card:hover .btn-add-to-cart {
 opacity: 1;
 visibility: visible;
 -webkit-transform: scale(1);
 transform: scale(1);
}
.product-card .product-price {
 position: relative;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}
.product-card:hover .product-price {
 opacity: 0;
 visibility: hidden;
}
.product-card:hover .product-card-bottom {
 border-top-color: transparent;
}
.product-card .product-card-middle {
 position: relative;
 display: -webkit-box;
 display: flex;
 height: 90px;
 margin-top: auto;
 padding-bottom: 9px;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
 -webkit-box-pack: end;
 justify-content: flex-end;
 z-index: 0;
}
.product-card .product-image {
 height: 180px;
 width: 100%;
}
.product-image {
 display: -webkit-box;
 display: flex;
 -webkit-box-align: center;
 align-items: center;
 -webkit-box-pack: center;
 justify-content: center;
}
.product-image > img {
 max-height: 100%;
 max-width: 100%;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}
.product-in-tab-section .nav-tabs .nav-link {
 position: relative;
 border: none;
 color: #5f5f5f;
 font-size: 18px;
}

.product-in-tab-section .nav-tabs .nav-link.active::after {
 content: "";
 position: absolute;
 bottom: -13px;
 width: 100%;
 background-color: var(--secondaryColor);
 left: 0;
 height: 5px;
}
.product-card .product-name h6 {
 font-size: 0.825rem;
 position: relative;
 font-weight: 500;
 line-height: 21px;
 max-height: 40px;
 display: -webkit-box;
 background: #fff;
 overflow: hidden;
 text-overflow: ellipsis;
 line-clamp: 2;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 color: rgb(115 115 115);
}
.product-price-clone .previous-price,
.product-price .previous-price {
 position: relative;
 font-size: 13px;
 font-weight: 600;
 margin: 1px 0 0 8px;
 color: rgb(195 0 0);
 text-decoration: line-through;
}
.product-price,
.product-price-clone {
 font-size: 16px;
 font-weight: 600;
 line-height: 24px;
 display: -webkit-box;
 display: flex;
 color: var(--primaryColor);
}
.product-card .product-badge {
 right: 0;
 z-index: 1;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
}
.product-badge {
 position: absolute;
 top: -5px;
 right: 0;
 display: -webkit-box;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
}
.product-badge .badge {
 font-size: 12px;
 font-weight: 500;
 width: auto;
 min-width: 0;
 display: inline-block;
 margin: 0 0 5px auto;
 padding: 6px 9px;
 text-align: right;
 border-radius: 0;
}
.product-card:hover .product-badge {
 opacity: 0;
 visibility: hidden;
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
.product-rating {
 position: relative;
 vertical-align: middle;
 display: inline-block;
 color: #b1b1b1;
 overflow: hidden;
 -webkit-transition: 0.2s ease-in-out;
 transition: 0.2s ease-in-out;
 display: inline-flex;
 display: -webkit-inline-box;
}
.product-card:hover .product-rating {
 opacity: 0;
 visibility: hidden;
}
.product-rating .rating-count {
 font-size: 11px;
 line-height: 12px;
 margin: 1px 0 0 5px;
 color: #6e6e6e;
}

.product-mobile-slider .owl-prev,
.product-mobile-slider .owl-next,
.related-item-slider .owl-prev,
.related-item-slider .owl-next,
.flas-deal-slider .owl-prev,
.flas-deal-slider .owl-next,
.tab-product-carousel .owl-prev,
.tab-product-carousel .owl-next {
 position: absolute;
 top: -28px;
 transform: translateY(-50%);
 right: 0;
}
.product-mobile-slider .owl-prev .navLeftText,
.product-mobile-slider .owl-next .navRightText,
.related-item-slider .owl-prev .navLeftText,
.related-item-slider .owl-next .navRightText,
.flas-deal-slider .owl-prev .navLeftText,
.flas-deal-slider .owl-next .navRightText,
.tab-product-carousel .owl-prev .navLeftText,
.tab-product-carousel .owl-next .navRightText {
 display: flex;
 align-items: center;
 color: #5f5f5f;
 font-size: 0.875rem;
 line-height: 1;
 transition: all 0.3s ease-in;
}
.product-mobile-slider .owl-prev .navLeftText i,
.product-mobile-slider .owl-next .navRightText i,
.related-item-slider .owl-prev .navLeftText i,
.related-item-slider .owl-next .navRightText i,
.flas-deal-slider .owl-prev .navLeftText i,
.flas-deal-slider .owl-next .navRightText i,
.tab-product-carousel .owl-prev .navLeftText i,
.tab-product-carousel .owl-next .navRightText i {
 font-size: 22px;
}
.product-mobile-slider .owl-prev .navLeftText:hover,
.product-mobile-slider .owl-next .navRightText:hover,
.related-item-slider .owl-prev .navLeftText:hover,
.related-item-slider .owl-next .navRightText:hover,
.flas-deal-slider .owl-prev .navLeftText:hover,
.flas-deal-slider .owl-next .navRightText:hover,
.tab-product-carousel .owl-prev .navLeftText:hover,
.tab-product-carousel .owl-next .navRightText:hover {
 color: var(--secondaryColor);
 font-weight: 600;
}
.product-mobile-slider .owl-prev,
.related-item-slider .owl-prev,
.flas-deal-slider .owl-prev,
.tab-product-carousel .owl-prev {
 right: 60px;
}

.quick-all-slider .owl-controls,
.all-slider .owl-controls {
 opacity: 0;
 visibility: hidden;
 transition: all 0.3s ease-in;
}
.xzoom-thumbs:hover .owl-controls {
 opacity: 1;
 visibility: visible;
}

/**/
.sidebar-menu {
 margin: 15px 0;
}
.sidebar-menu .dropdown {
 position: relative;
}
.sidebar-menu > li {
 cursor: pointer;
}
.sidebar-menu li a {
 font-size: 0.875rem;
 font-weight: 600;
 line-height: 45px;
 max-width: 215px;
 display: inline-block;
 margin-left: 24px;
 color: #191919;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 vertical-align: middle;
}
.sidebar-menu li a .catImg {
 width: 25px;
 margin-right: 10px;
}
.sidebar-menu li > i {
 font-size: 20px;
 position: absolute;
 top: 13px;
 right: 30px;
 color: #6e6e6e;
 float: right;
 -webkit-transition: 0.15s ease-in-out;
 transition: 0.15s ease-in-out;
}
.sidebar-menu li ul {
 display: none;
 margin-left: 35px;
}
.sidebar-menu li ul.open {
 display: block;
}
.sidebar-menu > li > ul > li > a {
 max-width: 160px;
 line-height: 35px;
 font-weight: 500;
}
.sidebar-menu > li > ul > li > ul > li > a {
 max-width: 155px;
 line-height: 35px;
 margin-left: 0;
 font-weight: 400;
}
.sidebar-menu .dropdown i::before {
 transition: all 0.3s ease-in-out;
 color: #ccc;
}
.sidebar-menu .dropdown.active > i::before {
 content: "\f068";
}

.custom-scrollbar {
 overflow-y: auto;
 scrollbar-width: thin;
 scrollbar-color: #ebebeb transparent;
}

.mobileMenuBoxHeader {
 padding: 15px 24px;
}

/*PAYMENT*/
.payment-information .nav-link.active {
 background-color: #eef0f1;
}
.checkout-area .content-box .content .payment-information .nav a {
 padding: 15px 30px;
 margin: 15px 0 0 0 0;
 display: flex;
 align-items: center;
 border-radius: 5px;
}
.checkout-area .content-box .content .payment-information .nav a .icon {
 left: 15px;
}
.checkout-area .content-box .content .payment-information .nav a p {
 left: 15px;
 top: 0;
}
.checkout-area .content-box .content .payment-information .nav a p img {
 max-height: 35px;
}

/*prod-spec-table-custom*/

.prod-spec-table-custom {
 font-family: inherit !important;
 width: 100% !important;
}

.ui-widget-content ul li {
 list-style: circle;
 margin-left: 30px;
}

.page-link {
 color: var(--primaryColor);
}
.page-link:hover {
 text-decoration: underline;
 color: var(--secondaryColor);
}
table.dataTable thead th {
 text-align: center;
}
table.dataTable tbody td {
 text-align: center;
 padding: 6px 10px;
 font-size: 0.875rem;
 vertical-align: middle;
}
.subscribePreloader__thumb span {
 z-index: 50;
}
.subscribe-preloader-image {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 50%;
 top: 50%;
 border-radius: 10px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.campaign-terms ol {
 margin-bottom: 0;
}

.order-list-area .table td,
.table th {
 vertical-align: middle;
}

/* CHECKOUT PAGE NEW */

.checkout-page-new {
 padding: 50px 0;
}
.checkout-page-new .cart-overview table tr td {
 vertical-align: middle;
}
.checkout-page-new .cart-overview table tr td:nth-child(1) {
 width: 20%;
}

.checkout-page-new .mini-cart-prod-meta {
 font-size: 0.8rem;
}

.checkout-page-new .qty-box .qty-minus,
.checkout-page-new .qty-box .qty-plus {
 width: 25px;
 padding: 0;
 font-size: 10px;
 background-color: transparent;
 font-family: "Font Awesome 5 Pro";
 line-height: 1;
 border: none;
}

.checkout-page-new .qty-box .input-group {
 border: 1px solid #dddddd;
}
.checkout-page-new .qty-box .qty-adj {
 margin-left: 1px;
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
 height: 25px;
 width: 35px;
 padding: 0;
}
.checkout-page-new .qty-box .input-group .form-control {
 text-align: center;
 -webkit-box-flex: unset;
 -ms-flex: unset;
 flex: unset;
 border-color: #dddddd;
 border-top: unset;
 border-bottom: unset;
}
.checkout-page-new input::-webkit-outer-spin-button,
.checkout-page-new input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

.checkout-page-new .qty-box .input-group button:first-child:before {
 content: "\f068";
}
.checkout-page-new .qty-box .input-group button:last-child:before {
 content: "\f067";
}

/*PAYMENT METHOD NEW PAGE*/
.payment-method {
 padding: 50px 0;
}
.payment-method .nav-pills .nav-link.active,
.payment-method .nav-pills .show > .nav-link {
 color: rgb(0, 0, 0);
 background-color: var(--white);
}
.payment-method .nav-link {
 text-align: center;
 background-color: var(--white);
 padding: 0.5rem;
 border-radius: 0;
 transition: all 0.3s ease-in;
}
.payment-method .nav-link img {
 margin: 0 auto;
 height: 80px;
}
@media (max-width: 991px) {
 .payment-method {
  padding: 80px 0;
 }
 .payment-method .tab-content {
  margin-bottom: 30px;
 }
}
@media (max-width: 575px) {
 .breadcrumb-area {
  padding: 12px 0;
 }
 .payment-method .nav-link img {
  height: 50px;
  max-width: 58px;
 }
}
.payment-method .nav-link .method-name {
 font-size: 12px;
}
.payment-method .tab-content-title {
 font-size: 14px;
}
.payment-method .tab-content > .active {
 display: block;
 background-color: var(--white);
 padding: 2rem;
}

/*Shipping Method*/

.shippingMethodWrap input[type="radio"] {
 display: none;
}

.shippingMethodWrap .shippingBtnGroup {
 margin: auto;
}

.shippingMethodWrap .shippingBtnGroup .shippingMethod {
 padding: 40px;
 box-shadow: none;
 position: relative;
 text-align: left;
 min-width: 275px;
}

.shippingMethodWrap .shippingBtnGroup .shippingMethod.active {
 outline: none !important;
}

.shippingMethodWrap .shippingBtnGroup .shippingMethod.active .method {
 background-color: rgb(0 108 50 / 10%);
 outline: none !important;
 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%), inset 0 -2px 2px 0 rgb(0 0 0 / 10%);
 border: 0;
}

.shippingMethodWrap .shippingBtnGroup .shippingMethod .method {
 padding: 10px;
 position: absolute;
 right: 3px;
 top: 3px;
 bottom: 3px;
 left: 3px;
 background-size: contain;
 background-position: center;
 background-repeat: no-repeat;
 border: 1px solid #ccc;
 transition: all 0.5s;
 border-radius: 5px;
}

.categories_menu_inner > ul > li.dropdown_list:hover .categories_mega_menu {
 visibility: visible;
 opacity: 1;
 transform: none;
}

.fm-meta-links li {
 margin-right: 20px;
 position: relative;
}
.fm-meta-links li:last-child {
 margin-right: 0;
}
.fm-meta-links li:after {
 content: "";
 position: absolute;
 height: 14px;
 background: #9c9c9c;
 width: 2px;
 bottom: 0;
 right: -10px;
}
.fm-meta-links li:last-child::after {
 content: none;
}

.quick-view-close::after,
.quick-view-close::before {
 position: absolute;
 content: "";
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 width: 22px;
 height: 2px;
 background-color: var(--white);
 -webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 transition: all 0.3s ease;
}
.quick-view-close:not(:hover)::after {
 transform: rotate(45deg);
}
.quick-view-close:not(:hover)::before {
 transform: rotate(-45deg);
}

.product-details-page .right-area .product-info .info-meta-1 ul li {
 position: relative;
 margin-right: 20px;
}
.product-details-page .right-area .product-info .info-meta-1 ul li::after {
 content: "";
 position: absolute;
 right: -13px;
 top: 4px;
 height: 15px;
 width: 1px;
 background: #ccc;
}
.product-details-page
 .right-area
 .product-info
 .info-meta-1
 ul
 li:last-child::after {
 content: none;
}
.ratings {
 vertical-align: bottom;
}
.custom-control {
 min-height: auto;
}

.promo-meta .promo-block {
 position: relative;
}
.promo-meta .promo-block .promo-btn {
 background-color: var(--secondaryColor);
 color: var(--white);
 padding: 3px 20px;
 border-radius: 2rem 0.1rem;
 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%), inset 0 -2px 2px 0 rgb(0 0 0 / 10%);
 -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%),
  inset 0 -2px 2px 0 rgb(0 0 0 / 10%);
}
.promo-meta .promo-details {
 position: absolute;
 top: 120%;
 background-color: #c7dfd2;
 padding: 5px;
 min-width: 25rem;
 border-radius: 0.25rem;
 z-index: 9;
 opacity: 0;
 visibility: hidden;
 transform: translateY(-10px);
 transition: all 0.3s ease-in;
}
.promo-meta .promo-details.active {
 opacity: 1;
 visibility: visible;
 transform: none;
}
.section-top {
 align-items: center;
}

.brands-grid-wrapper {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
 gap: 1vw;
}
.brands-grid-wrapper .brands-grid-item {
 width: 100%;
 /* height: 120px; */
 box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%), inset 0 -2px 2px 0 rgb(0 0 0 / 10%);
 background-color: var(--white);
 border-radius: 5px;
 text-align: center;
}
.brands-grid-wrapper .brands-grid-item .brand-grid-img-wrap,
.brand-grid-img-wrap {
 padding: 15px;
 /* height: 120px; */
}
.brands-grid-wrapper .brands-grid-item .brand-grid-img-wrap img,
.brand-grid-img-wrap img {
 height: 100%;
 width: auto;
 display: inline;
}
.view-all-btn i {
 opacity: 0;
 visibility: hidden;
 transform: translateX(-5px);
 transition: all 0.3s ease-in;
}
.view-all-btn {
 font-weight: 500;
 transform: translateX(5px);
 transition: all 0.3s ease-in;
}
.view-all-btn:hover {
 transform: translateX(-5px);
}
.view-all-btn:hover i {
 opacity: 1;
 visibility: visible;
 transform: none;
}
.brand-products-header .brand-short-desc {
 line-height: 1.2rem;
}
.no-prod-found-component img {
 max-width: 300px;
}

/*ADKEY DESIGN*/
.process-header-wrapper .nav-tabs {
 border: none;
}
.process-header-wrapper .nav-tabs .nav-link {
 border: none;
}
.process-header-wrapper .nav-tabs .nav-link:focus,
.process-header-wrapper .nav-tabs .nav-link:hover {
 border: none;
}

.process-header-wrapper .nav-link i {
 font-size: 1.5rem;
 height: 65px;
 width: 65px;
 line-height: 65px;
 border: 1px solid #ccc;
 border-radius: 50%;
 margin: 0 auto;
 color: var(--dark);
 position: relative;
 z-index: 9;
}

.process-header-wrapper .nav-link.active i {
 background-color: #8ec641;
 color: var(--white);
 border: none;
}
.process-header-wrapper .nav-link h5 {
 color: var(--dark);
 margin-top: 1rem;
}

#extraData {
 margin-bottom: 30px;
}

/**** NEWS PAGE ****/
.blog-details,
.blogpagearea {
 padding: 0 0 70px;
}

.blog-details .blog-aside .tags,
.blog-details .blog-aside .archives,
.blog-details .blog-aside .recent-post-widget,
.blog-details .blog-aside .categori,
.blog-details .blog-content .content,
.blogpagearea .blog-box {
 background-color: var(--white);
}

/*RESPONSIVE STYLES BIGGER > MEDIUM > SMALL DEVICES*/
/*MAX WIDTH QUERY FIRST*/
@media only screen and (max-width: 1440px) {
 .nav-fixed.mainmenu-area nav .menu li a {
  padding: 0 10px;
 }
 .section-spacing {
  margin: 30px 0 0 0;
 }
 .product-card {
  padding: 10px 10px 0;
 }
}
@media only screen and (max-width: 1080px) {
 .mainmenu-area .categories_menu .categories_title h2 {
  font-size: 0.75rem;
 }
 .categories_menu_inner > ul > li.dropdown_list .link-area > a {
  font-size: 0.75rem;
  padding: 8px 10px;
 }
}

@media only screen and (max-width: 991px) {
 .breadcrumb-area {
  margin-top: 61px;
 }
 .catPageTitle {
  display: none;
 }

 .user-dashbord {
  padding: 80px 0 70px;
 }

 .seller-info {
  margin-top: 15px;
 }
 .logo-sm {
  display: block;
 }
 .logo-sm img {
  max-width: 35px !important;
 }
 .logo-lg {
  display: none;
 }
 .search-portion .search-box-wrapper {
  margin: 0;
 }

 .mainmenu-area {
  display: none;
 }
 .home_category {
  display: none !important;
 }

 .search-box-wrapper .search-box .fa-search {
  font-size: 16px;
 }
 .mobileDrawerBottomWrapper {
  background-color: var(--primaryColor);
  box-shadow: 0px -9px 9px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px -9px 9px rgb(0 0 0 / 16%);
  position: fixed;
  bottom: 0;
  z-index: 350;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
 }

 .mobileDrawerBottomWrapper a i {
  color: #FFF;
  font-size: 16px;
 }
 .mobileDrawerBottomWrapper a span {
  color: #FFF;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 600;
 }

 .copy-txt {
  text-align: center;
 }

 .login-signup {
  padding: 120px 0 60px;
 }
 .mobileDrawerBottomWrapper .icon {
  position: relative;
 }
 .mobileDrawerBottomWrapper .icon .cart-quantity {
  position: absolute;
  top: -3px;
  color: white;
  background-color: #8dc640;
  border-radius: 50%;
  padding: 2px 4px;
  min-width: 15px;
  min-height: 15px;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
 }
 .slider-buttom-category,
 .trending,
 .banner-section,
 .categori-item,
 .electronics-section {
  padding: 10px 0 10px 0;
 }
 .hot-and-new-item {
  padding: 10px 0 20px 0;
 }
 .item .info .price {
  font-size: 16px !important;
 }

 .mobile-collapse-btn {
  background-color: #8dc640;
  position: fixed;
  right: 10px;
  bottom: 15%;
  z-index: 100;
 }
 .user-profile-info-area.active .mobile-collapse-btn {
  right: -23px;
 }

 .mobile-collapse-btn i {
  transition: all 0.3s ease-in-out;
 }
 .user-profile-details {
  margin-top: 0;
 }
}

@media only screen and (max-width: 767px) {
 .core-content {
  min-height: auto;
 }

 .subscribe-preloader-image {
  background-size: contain;
 }
 .subscribePreloader__thumb span {
  right: 1px;
  top: 54px;
 }
 .subscribePreloader__thumb {
  width: 96%;
 }
 .product-card {
  padding: 10px 10px 0;
 }
 .productPageRow {
  padding: 10px;
 }
 .product-details-page .right-area .product-info .product-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
 }
 .xzoom-container .xzoom5 {
  max-width: 250px;
 }
 .xzoom-thumbs .owl-carousel .owl-item img {
  height: auto;
 }
 .container-fluid {
  padding-left: 0;
  padding-right: 0;
 }
 .item .item-cart-area {
  display: block !important;
 }
}

@media only screen and (max-width: 575px) {
 .modal-header .close {
  right: 15px;
  top: -15px;
 }
 .categories_title .arrow-down {
  display: none;
 }
 .dropdown-cart-header .btn-sm {
  font-size: 0.7rem;
 }

 .helpful-links .wishlist {
  display: none !important;
 }
 .info-meta-3 .btn-sm {
  padding: 0.38rem 0.5rem;
 }
 .item-cart-area .btn-sm {
  padding: 0.25rem 0rem;
 }
 .desc-sec-flash .btn-sm {
  padding: 0.25rem 0.3rem;
 }
 .quick-zoom {
  border: none;
  max-width: 200px;
 }
 .categories_menu_inner {
  width: 80% !important;
 }
 .info-meta-3 .meta-list .mblbtn {
  display: inline-block;
 }

 .product-card {
  padding: 10px 10px 0 !important;
 }
 .product-badge .badge {
  font-size: 9px !important;
 }

 .ssl-return-msg-scc {
  top: 3%;
  font-size: 16px;
 }
 .autocomplete {
  position: absolute;
  margin: 0;
  top: 20px;
  right: 0;
  width: 116%;
 }
 div#myInputautocomplete-list {
  /* height: 70vh; */
  overflow-y: auto;
 }
}

@media only screen and (max-width: 492px) {
 .info-meta-3 .meta-list {
  display: block;
 }
}

@media only screen and (max-width: 480px) {
 .product-card .product-image {
  height: auto;
  display: block;
  max-width: 110px;
  margin: 0 auto;
 }
 .product-card .product-card-bottom {
  padding: 5px 0 10px;
 }
 .product-card .product-name h6 {
  margin-bottom: 0;
 }
 .product-card .product-name h6 {
  line-height: 16px;
 }
 .product-card .product-card-middle {
  height: 75px;
 }
 .quick-view-modal {
  padding: 0;
 }
 .section-spacing {
  margin: 20px 0 0 0;
 }

 /* Order Success page */
 .tempcart .content-box {
  padding: 15px;
 }
 .top-area .thanks-msg {
  font-size: 30px;
 }
 .top-area .sub-msg {
  font-size: 16px;
 }
 .top-area .text {
  font-size: 14px !important;
  line-height: 16px !important;
 }
 .order-list-area img {
  max-width: 50px !important;
 }
 .order-list-area .table td h6,
 .table th h6 {
  font-size: 13px;
 }
 .order-list-area .table td,
 .table th {
  font-size: 14px;
 }
 .address-area i {
  font-size: 1.3rem !important;
 }
 .address-area h5 {
  font-size: 16px;
 }
 .address-area address {
  font-size: 14px;
 }
}

/*MIN WIDTH QUERY*/

@media only screen and (min-width: 1280px) {
 .section-spacing {
  margin: 30px 0 0 0;
 }
 .column80 {
  max-width: 80%;
  width: 80%;
  flex: 0 0 80%;
 }
 .column65 {
  max-width: 65%;
  width: 65%;
  flex: 0 0 65%;
 }
 .column63 {
  max-width: 63%;
  width: 63%;
  flex: 0 0 63%;
 }
 .column15 {
  max-width: 15%;
  width: 15%;
  flex: 0 0 15%;
 }
 .column17 {
  max-width: 17%;
  width: 17%;
  flex: 0 0 17%;
 }
 .column20 {
  max-width: 20%;
  width: 20%;
  flex: 0 0 20%;
 }
}
@media only screen and (min-width: 992px) {
 /*CUSTOM GRID*/
 .customgrid1of5lg {
  max-width: 20%;
  flex: 0 0 20%;
 }
 .logo-sm {
  display: none;
 }

 .productPageColumn {
  padding-left: 0;
  padding-right: 15px;
 }
 .mobileFilterbtn {
  display: none;
 }
 .filterMenuCloseBtn {
  display: none;
 }
 .mobileDrawerBottomWrapper {
  display: none;
 }
}

@media only screen and (min-width: 493px) {
 .info-meta-3 .meta-list {
  display: flex;
 }
}
@media only screen and (min-width: 480.98px) {
 .item .info {
  min-height: 105px;
 }
}

/* ADKEY Form */

#msform {
 text-align: center;
 position: relative;
 margin-top: 20px;
}

#msform fieldset .form-card {
 background: white;
 border: 0 none;
 border-radius: 0px;
 padding: 20px 40px 30px 40px;
 box-sizing: border-box;
 position: relative;
}

#msform fieldset {
 background: white;
 border: 0 none;
 border-radius: 0.5rem;
 box-sizing: border-box;
 width: 100%;
 margin: 0;
 position: relative;
}

#msform fieldset:not(:first-of-type) {
 display: none;
}

#msform fieldset .form-card {
 text-align: left;
 color: #9e9e9e;
}

#msform .action-button {
 width: 100px;
 background: skyblue;
 font-weight: bold;
 color: white;
 border: 0 none;
 border-radius: 0px;
 cursor: pointer;
 padding: 10px 5px;
 margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
 box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
}

#msform .action-button-previous {
 width: 100px;
 background: #616161;
 font-weight: bold;
 color: white;
 border: 0 none;
 border-radius: 0px;
 cursor: pointer;
 padding: 10px 5px;
 margin: 10px 5px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
 box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

select.list-dt {
 border: none;
 outline: 0;
 border-bottom: 1px solid #ccc;
 padding: 2px 5px 3px 5px;
 margin: 2px;
}

select.list-dt:focus {
 border-bottom: 2px solid skyblue;
}

.card {
 z-index: 0;
 border: none;
 border-radius: 0.5rem;
 position: relative;
}

.fs-title {
 font-size: 25px;
 color: #2c3e50;
 margin-bottom: 10px;
 font-weight: bold;
 text-align: left;
}

#step-name {
 margin-bottom: 30px;
 overflow: hidden;
 color: lightgrey;
}

#step-name .active {
 color: #000000;
}

#step-name li {
 list-style-type: none;
 font-size: 12px;
 width: 20%;
 float: left;
 position: relative;
}

#step-name #app-info:before {
 font-family: "Font Awesome 5 Pro";
 content: "\f007";
}

#step-name #reff-info:before {
 font-family: "Font Awesome 5 Pro";
 content: "\f007";
}

#step-name #prod-details:before {
 font-family: "Font Awesome 5 Pro";
 content: "\f09d";
}

#step-name #up-doc:before {
 font-family: "Font Awesome 5 Pro";
 content: "\f09d";
}

#step-name #confirm:before {
 font-family: "Font Awesome 5 Pro";
 content: "\f00c";
}

#step-name li:before {
 width: 50px;
 height: 50px;
 line-height: 45px;
 display: block;
 font-size: 18px;
 color: var(--white);
 background: lightgray;
 border-radius: 50%;
 margin: 0 auto 10px auto;
 padding: 2px;
}

#step-name li:after {
 content: "";
 width: 100%;
 height: 2px;
 background: lightgray;
 position: absolute;
 left: 0;
 top: 25px;
 z-index: -1;
}

#step-name li.active:before,
#step-name li.active:after {
 background: #8ec641;
}

.radio-group {
 position: relative;
 margin-bottom: 25px;
}

.radio {
 display: inline-block;
 width: 204;
 height: 104;
 border-radius: 0;
 background: var(--secondaryColor);
 box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
 box-sizing: border-box;
 cursor: pointer;
 margin: 8px 2px;
}

.radio:hover {
 box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
 box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

.fit-image {
 width: 100%;
 object-fit: cover;
}