.WalletTransactionHistory .table-responsive tr td,
.head_locaSelect,
.head_loginSubtitle,
.locTab span,
.proCartBtnborder,
.user_name>div,
.white-space-nowrap {
  white-space: nowrap;
}

.disPrice,
.lineThrough,
.product_price_default {
  text-decoration-line: line-through;
}

#header .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link,
.arr-card-label,
.blogPostBy,
.blogTag,
.button-container .btn,
.hero-category,
.heroCard_category,
.locTab,
.offer-category,
.offer-dtl,
.viewOfrBtn {
  text-transform: uppercase;
}

:root {
  --black-color: #000000;
  --white-color: #ffffff;
  --para-color: #a4a4a4;
  --border-color: #e8e8e8;
  --primary-color: #F37D28;
  --secondary-color: #4a4a4a;
}

iframe,
img:not(table img) {
  max-width: 100%;

}

.itemBoughtTitle,
a,
body,
p {
  font-size: 16px;
}

.product-listing-banner img,
figure,
iframe {
  margin: 0 auto;
  display: block;
}

#header .flag_ico,
.user_dropdown ul li a i {
  margin-right: 5px;
}

.PaymentTypeBox button,
.StarCount,
.address_banner_title,
.locTab,
.otp_verification p b,
.proPriRow,
body,
button,
input,
optgroup,
select,
textarea {
  font-family: Poppins, sans-serif;
}

.AddMoneyCardTitle,
.GiftShopTitle,
.Gift_Categorise_title,
.TabelCartSection table tr td,
.TabelCartSection table tr th,
.estimateDate,
.offer-dtl,
.orderSubTitle,
.proStatusTag,
.section404 .err,
body,
p {
  font-family: Poppins, sans-serif !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
  border: 1px solid var(--border-color);
  -webkit-text-fill-color: var(--para-color);
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 5000s ease-in-out;
  background-color: #fff !important;
}

input:-internal-autofill-selected {
  background-color: #fff !important;
}

.Warehouse_button,
.click_here p a,
.for_pass,
.google_buttons,
.logo,
.menu-items a,
.offer-dtl,
.overlayBtn,
.register_select,
.submit_button,
a,
a:hover {
  text-decoration: none;
}

.checkout_droptext,
.checkout_terms_desc a,
.checkout_terms_desc p,
.complete-link,
.for_pass:hover,
.info-link-btn:hover,
.linkViewMore,
.register_select:hover,
.service_cardLink,
.showAll_link,
.showAll_link:hover,
.sms_learn,
.viewCartLink,
.writeRiviewText {
  text-decoration: underline;
}
.checkout_terms_desc p{
  display: inline-block;
  padding-left: 3px;
  cursor: pointer;
}
.custom table td,
.user_name>div {
  vertical-align: middle;
}

body {
  margin: 0 auto;
  padding: 0;
  font-weight: 500;
  color: #929292;
  max-width: 1920px;
  background-color: var(--white-color);
}

::selection {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.FootSocialicn,
.ResetOTPBtn:hover,
.addressNumber span,
.bottom-navbar .nav-item svg,
.differentAddressCheck input:checked~label,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.register_select:hover,
.textBlack,
.textBlack span,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

a {
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  outline: 0;
  color: #172238;
}

a:hover {
  outline: 0;
  color: var(--primary-color);
}

.clear {
  clear: both;
}

#header.is-sticky .topHeader,
.all_reviews_modal .modal-header,
.niceCountryInputMenuFilter input,
iframe {
  border: 0;
}

p {
  color: #757576;
}

.Checkout_info_Order,
.click_here,
.welcome-heading,
figure {
  text-align: center;
}




.form-control {
  color: var(--secondary-color);
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--white-color);
}

.login_page_wrapper .form-control {
  min-height: 72px;
  font-size: 16px;
  padding: 23px 16px;
}

.phone_noSelect input.form-control {
  padding-left: 94px;
}

.form-control.dark-form-control.countryCodeInput {
  width: 50px;
  position: absolute;
  padding: 0;
  min-height: 70px;
  top: 1px;
  left: 44px;
  background: transparent;
  border: 0;
}

.phone_noSelect {
  position: relative;

}

.phone_noFleg {
  position: absolute;
  left: 26px;
  top: 23px;
  border-right: 1px solid var(--border-color);
  padding-right: 24px;
}

.form-label {
  color: var(--secondary-color);
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 500;
}

.form-label span {
  color: #FB3748;
}

.form-control::placeholder {
  color: var(--para-color);
}

.form-select.form-control {
  padding-right: 38px;
}

input[type="password"] {
  padding-right: 50px;
}

.save_card_future .form-control {
  background: var(--white-color);
  height: 47px;
}

.section-padding {
  padding-top: 32px;
  padding-bottom: 32px;
}

.Wishists_product,
.average-rating,
.section-heading.titleBtnRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-heading {
  margin-bottom: 0;
  color: #000;
  font-size: 32px;
  font-weight: 700;
}

.check_Coach_box1,
.checkmark,
.questionNO,
.success-product-title {
  margin-bottom: 12px;
}

.form-group {
  margin-bottom: 24px;
}

.login_link,
.login_link a {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 400;
}

.font-400 {
  font-weight: 400;
}

.DashlogOutBtn,
.QuesText,
.RightBlockTitle,
.font-500,
.login_sign_up_block .dark-form-control,
.myCartColorMessBox span,
.offerCardTitle span {
  font-weight: 500;
}

.form-control::-webkit-input-placeholder {
  color: var(--para-color);
}

.form-control::-moz-placeholder {
  color: var(--para-color);
}

.form-control:-ms-input-placeholder {
  color: var(--para-color);
}

.form-control:-moz-placeholder {
  color: var(--para-color);
}

.section {
  margin: 57px 0 0;
}

.otp_verification input {
  display: inline-block;
  width: 80px !important;
  height: 70px;
  text-align: center;
  padding: 5px;
  font-size: 31px;
  color: #000;
  font-weight: 700;
}

#header .dropdown-item,
.closebtn i,
.cts_no p,
.likePro i {
  font-weight: 300;
}

.otpRow {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.featured-text,
.product_price_default,
.product_price_off,
.product_price_title,
.user_dropdown {
  display: inline-block;
}

.user_dropdown>a {
  color: #494949;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.user_dropdown img {
  height: 20px;
  width: 20px;
  border-radius: 50%;
}

.user_dropdown img.userAfterlogin {
  height: 24px;
  width: 24px;
}

#header .extra_nav .nav-link {
  color: #697687 !important;
  display: inline-flex;
  gap: 5px;
}

#header .extra_nav .nav-link:hover,
.nav-item.langugae_filter.for_desktop:focus>a,
.nav-item.menu-items.active>a.nav-link,
.nav-item.menu-items.active>button .nav-link,
.user_dropdown>a.userActionBtn:hover,
a.iconLinks:hover,
a.iconLinks:hover>span {
  color: #f37d28 !important;
}

.user_dropdown .dropdown-menu {
  left: auto;
  right: 0;
  width: 160px;
  border: 0;
  opacity: 1;
}

.user_dropdown .dropdown-menu.show {
  display: block;
  visibility: visible;
  opacity: 1;
  background: 0 0;
}

.user_name>div {
  max-width: calc(160px - 10px);
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  color: #494949;
  text-transform: capitalize;
  font-size: 15px;
}

.user_name {
  padding: 0 10px;
  border-bottom: 1px solid #e9ecef;
}

.user_name small {
  color: #a2a2a2;
  text-transform: lowercase;
}

.All-productShow .proTitle,
.offer_discount_block .bankListCardTitle,
.user_dropdown ul li a {
  text-transform: capitalize;
}

.user_name .user_email {
  margin-top: -4px;
  margin-bottom: 8px;
}

.user_dropdown ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#header .for_desktop,
.addressNumber,
.checkout_input_track input:checked .label_title .checkIcon,
.choose_cateBox,
.featured-text div a,
.featured_destop,
.headerMenuBar .dropdown.show,
.langugae_filter:hover .lang_dropdown,
.map-img:hover button,
.map-img:hover::before,
.overlaytext span,
.reelsCard.reelvideo .reelVideoBtn,
.save-cards-list.activeTab,
.save_card_future.activeTab,
.success-product-vendor,
.user_dropdown ul li {
  display: block;
}

.user_dropdown ul li a {
  color: #494949;
  font-size: 14px;
  padding: 5px 0 5px 10px;
  display: block;
  border-bottom: 1px solid #e9ecef;
}

.CartTotalTitle4,
.CartTotalTitleThree,
.lang_country:last-child,
.user_dropdown ul li:last-child a {
  border-bottom: 0;
}

.lang_dropdown.user_info {
  font-size: 14px;
  padding: 10px 5px;
}

#header .navbar-expand-lg .navbar-nav .nav-link:hover,
.Check_address_inputs:hover,
.FootSocialLinks a:hover .FootSocialicn,
.browse-topic-list a:hover,
.click_here p a,
.dashboard-nav-dropdown.show .dashboard-nav-item,
.dashboard-nav-item.active,
.fraquently-listing a:hover,
.menu-items.active>button .nav-item-name,
.register_select,
.user_dropdown ul li a:hover,
ul.footer-links li a:hover {
  color: var(--primary-color);
}

.loader-wrapper {
  background: rgba(0, 0, 0, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  flex-direction: column;
  gap: 20px;
}

.loader,
.loader:before {
  width: 100px;
  height: 100px;
}

.loader {
  position: relative;
  border-radius: 50%;
  background-color: var(--white-color);
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
}

.loader:before {
  content: "";
  border: 5px solid rgba(0, 0, 0, 0.05);
  border-top-color: #f7cb50;
  border-radius: 50%;
  animation: 1.5s linear infinite spin;
  display: block;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.loader img {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#header {
  position: relative;
  background: #fff !important;
  box-shadow: 0 2px 4px 0 rgba(27, 28, 29, 0.04);
  z-index: 999;
}

#header.is-sticky {
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #ededed;
}
body.has-sticky {
  padding-top: var(--header-height); /* or a fixed value like 80px */
}

#header.is-sticky.awake {
  transform: translateY(0);
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

#header.is-sticky .headerMenuBar #menu-show,
.sc-dsLQwm {
  display: none !important;
}

#header.is-sticky .headerMenuBar #menu-show.menu-show,
#menuoverlay.active {
  display: block !important;
}

.top_off_code {
  background: var(--primary-color);
  display: flex;
  /* padding: 22px 100px; */
  justify-content: center;
  align-items: center;
  /* height: 100px; */
}

.top_off_code span {
  color: var(--white-color);
  /* font-size: 38px; */
  font-weight: 700;
  animation: 1.5s linear infinite blink;
}

@keyframes blink {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }
}

#header.inner_pages_head,
#header.is-sticky.inner_pages_head {
  height: 65px;
}

#header>.container-fluid>.navbar {
  padding-left: 0;
  padding-right: 0;
}

#header .navbar-brand img {
  height: 54px;
  width: auto;
}

#header .navbar-expand-lg .navbar-nav .nav-item {
  margin-inline: 13px;
  padding: 32px 0;
}

#header .navbar-expand-lg .navbar-nav .nav-link {
  padding: 0;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #1e1e1e;
}

#header .navbar-expand-lg .menus.navbar-nav .nav-link {
  color: #444141;
  font-weight: 600;
}

#header .dropdown-toggle::after {
  border: none;
  background-image: url(data:image/svg+xml;base64,DQo8c3ZnIHdpZHRoPSIxMSIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTEgNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjEwOTkxMSAxLjQ2MDkxTDUuMjQ2NjEgNi41OTcyNkM1LjMyIDYuNjcwNzMgNS40MDQ0MyA2LjcwNzUyIDUuNDk5OTQgNi43MDc1MkM1LjU5NTQ1IDYuNzA3NTIgNS42ODAwNCA2LjY3MDczIDUuNzUzNDcgNi41OTcyNkwxMC44ODk3IDEuNDYwOTFDMTAuOTYzMyAxLjM4NzMzIDExIDEuMzAyOSAxMSAxLjIwNzM1QzExIDEuMTExODMgMTAuOTYzMiAxLjAyNzI5IDEwLjg4OTcgMC45NTM4NTdMMTAuMzM4OCAwLjQwMjkwOUMxMC4yNjUzIDAuMzI5NDQyIDEwLjE4MDcgMC4yOTI3MjggMTAuMDg1MiAwLjI5MjcyOEM5Ljk4OTcyIDAuMjkyNzI4IDkuOTA1MTcgMC4zMjk0NDIgOS44MzE3IDAuNDAyOTA5TDUuNDk5OTQgNC43MzQ1OUwxLjE2ODAzIDAuNDAyNjRDMS4wOTQ2IDAuMzI5MTczIDEuMDEwMDEgMC4yOTI2OSAwLjkxNDY1NiAwLjI5MjY5QzAuODE4OTkgMC4yOTI2OSAwLjczNDQ0MiAwLjMyOTQwNCAwLjY2MTAxMyAwLjQwMjY0TDAuMTA5OTUxIDAuOTUzODJDMC4wMzY1MjE0IDEuMDI3MjUgMy44NjExNWUtMDUgMS4xMTE4MyAzLjg2MTk4ZS0wNSAxLjIwNzMxQy00LjcyNDg3ZS0wNyAxLjMwMjkgMC4wMzY0ODIzIDEuMzg3NDQgMC4xMDk5MTEgMS40NjA5MVoiIGZpbGw9IiM2OTc2ODciLz4NCjwvc3ZnPg0K);
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-top: 3px;
  width: 10px;
  height: 8px;
  margin-left: 5px;
}

#header .extra_nav {
  margin-left: 30px;
}

#header .navbar-expand-lg .navbar-nav .nav-item.dropdown {
  margin-inline: 0px !important;
}

#header .extra_nav .nav-item:list-child {
  margin-right: 0;
}

.userCartTab {
  display: flex;
  gap: 12px;
  border-right: 1px solid var(--border-color);
  padding-right: 16px;
  margin-right: 16px;
}

.endTimeing_box,
.header_loginFlex,
.price_rangeInput,
.rating_star_box {
  display: flex;
  gap: 12px;
  align-items: center;

}

.price_rangeInput {
  flex-wrap: wrap;
}

.head_loginSubtitle {
  color: var(--para-color);
  font-size: 12px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}

.header_login_link {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 3px;
}

.header_loginFlex img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  object-fit: cover;
}

#header .navbar-expand-lg .navbar-nav .nav-link.extra_btn {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 500;
  padding: 8px 15px;
}

#header .extra_btn:hover {
  background-color: rgba(255, 255, 255, 0.24);
}

#header .sign_up_btn .extra_btn {
  background-color: #c72026;
  color: var(--white-color) !important;
  border: 1px solid #c72026;
}

#header .login_btn .extra_btn,
#header .sign_up_btn .extra_btn:hover {
  color: #c72026 !important;
  background-color: var(--white-color);
}

#header .login_btn .extra_btn {
  border: 1px solid #c72026;
}

#header .login_btn .extra_btn:hover {
  background-color: #c72026;
  color: var(--white-color) !important;
}

#header .dropdown-toggle.userActionBtn:after,
#header .extra_btn:before,
#header .for_mobile,
.WalletTransactionHistory .Transaction_wallet_drop .dropdown-menu::after,
.checkIcon,
.closebtn,
.custom_checkbox.check-type2 input[type="checkbox"]:checked+label::after,
.libSelect .css-1hb7zxy-IndicatorsContainer .css-1u9des2-indicatorSeparator,
.mobileFixCartBtn,
.nav_right_notification .dropdown-menu:after,
.opaque,
.save-cards-list,
.save_card_future,
.sideTabicon,
.star-widget input {
  display: none;
}

#header .flag_ico,
#header .nav-item.langugae_filter.for_desktop {
  display: inline-flex;
}

#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop {
  width: auto;
  font-weight: 400;
  font-size: 16px;
  color: #697687;
  text-transform: uppercase;
  padding: 0;
  margin-right: 20x;
}

#header .navbar-expand-lg .navbar-nav .nav-link.lang_drop img {
  max-height: 18px;
  margin: 3px 6px 0 0;
}

.CardRightBorder,
.Checkout_Addresse_card,
.Gift_Categories_img,
.blogImg,
.cargo-options,
.cate_filterDrop,
.checkout_input_track,
.custom-tooltip .tooltip,
.footer-logsign-link,
.form-group-append,
.inneditBtn,
.inputBx,
.langugae_filter,
.login_sign_up_block .chack_form,
.login_sign_up_block .form-group,
.main_reel_box,
.map-img,
.myCartImg,
.pincode-product,
.product-listing_card,
.productSliderImg,
.radioBankBox,
.review_order_file .review_preview_first,
.tooltip-relative,
.uploadedPdf {
  position: relative;
}

.everyoneCardBlock,
.filter-side ul:last-child,
.lang_dropdown .form-group,
.mobile_dealsBox label,
.order-inner-product .orderSubTitle,
.shipping-packag-div .RightBlockTitle {
  margin-bottom: 10px;
}

.lang_dropdown {
  background: var(--white-color);
  font-size: 14px;
  z-index: 1;
  padding: 16px;
  width: 166px;
  overflow-x: hidden;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  border: 0;
  margin-top: 10px;
}

.lang_dropdown .form-group:last-child {
  margin-bottom: 0 !important;
}

.lang_dropdown.currency-dropdown {
  padding: 10px 20px;
}

.lang_country {
  position: relative;
  cursor: pointer;
  padding: 12px 0;
  color: #494949;
  border-bottom: 1px solid #e9e9e9;
  display: flex;
  align-items: center;
}

.lang_country .flag_ico img {
  max-height: 22px;
  width: 22px;
  top: 2px;
  position: relative;
}

.lang_country:hover {
  color: var(--primary-color);
  background-color: transparent;
}

.navbar-brand {
  font-size: 0;
  flex-shrink: 0;
}

.ProfileEditBtn,
.alerts_btnss,
.categoryFilter,
.checkGSTRow .form-group,
.checkout_header,
.checkout_track,
.edit_title,
.edit_title a,
.edit_title button,
.head_logoBlock,
.heading_input,
.img_upload,
.label_title,
.mobiledrop,
.newItemRow,
.newItemStar,
.productImgCard,
.sameLine-button,
.share_listBox,
.showing_order,
.topSearchBox,
.uploadedRow,
.user_dropdown>a.userActionBtn,
.watch-banner,
ul.vindorList {
  align-items: center;
  display: flex;
}

.Max,
.Min,
.card_digit_no p,
.lang-group label,
.offerDes,
.overlayBtn,
.pro_item_price,
.user_dropdown .fa-chevron-down {
  font-size: 14px;
}

.user_dropdown>a.userActionBtn {
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  color: var(--secondary-color);
}

.showing_order {
  gap: 32px;
}

.topSearchBox {
  gap: 12px;
}

.topHeader {
  padding: 32px 0 24px;
  border-bottom: 1px solid var(--border-color);
}

.head_logoBlock {
  gap: 24px;
}

.head_locationBox {
  max-width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 4px;
}

.head_locaSelect {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: rgba(245, 146, 75, 0.1);
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 400;
  padding: 12px 7px 12px 12px;
  cursor: pointer;
}

.head_locaSelect .form-select.form-control {
  border-radius: 6px;
  background-color: rgba(245, 146, 75, 0.1);
  padding: 12px 28px 12px 37px;
  background-position: right 8px center;
  width: 120px;
  color: var(--primary-color);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F37D28' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.searchinput input {
  height: 60px;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background-color: var(--white-color);
  color: #222;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  padding: 18px 16px;
}

.searchinput input:-webkit-autofill,
.searchinput input:-webkit-autofill:active,
.searchinput input:-webkit-autofill:focus,
.searchinput input:-webkit-autofill:hover {
  transition: background-color 9999s ease-in-out;
  -webkit-text-fill-color: #222;
}

.searchinput input.form-control::placeholder {
  font-weight: 400;
  color: var(--para-color);
}

.searchinput {
  position: relative;
  display: flex;
  gap: 16px;
  max-width: 445px;
  margin: 0 16px;
  justify-content: center;
}

.scroll-off .searchinput {
  z-index: 8;
}

.searchIconBtn {
  border: 0;
  display: flex;
  width: 60px;
  min-width: 60px;
  height: 60px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  background: var(--primary-color);
  color: var(--white-color);
}

.apply_btn:hover,
.edit_title a:hover,
.edit_title button:hover,
.searchIconBtn:hover {
  opacity: 0.8;
}

.userCardCounter {
  position: absolute;
  min-width: 19px;
  height: 19px;
  background: #f7cb50;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  left: -3px;
  border-radius: 50%;
  top: 2px;
  line-height: 13px;
  text-align: center;
}

.iconLinks {
  display: inline-block;
  position: relative;
}

.userCartTab .iconLinks {
  display: inline-flex;
  position: relative;
  align-items: center;
}

a.iconLinks:hover .rightMenuBtn {
  background: #ffe4cc;
}

.HeaderSearchBar {
  padding: 0;
  margin: auto;
}

.rightMenuBtn {
  width: 48px;
  min-width: 48px;
  height: 48px;
}

.footer-logsign-link:after,
.footer-logsign-link:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  z-index: -1;
}

.footer-logsign-link:before {
  background-color: #df1f26;
  left: 0;
}

.footer-logsign-link:after {
  background-color: #ec2027;
  right: 0;
}

.footer-signin-link a,
.footer-signup-link a {
  height: 150px;
  align-items: center;
  padding-left: 50px;
  display: flex;
  flex-wrap: wrap;
  padding-right: 10px;
}

.footer-signup-link a {
  background-color: #df1f26;
  padding-left: 0;
}

.footer-signin-link a {
  background-color: #ec2027;
}

.footer-signin-link a span,
.footer-signup-link a span {
  color: var(--white-color);
  font-size: 36px;
  width: 100%;
}

.footer-signin-link a p,
.footer-signup-link a p {
  color: var(--white-color);
  font-size: 15px;
  width: 100%;
  margin-bottom: 0;
}

.footer-signin-link a span.footer-link-arrow,
.footer-signup-link a span.footer-link-arrow {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  border-radius: 50%;
  background-color: #d42027;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 23px;
  transition: 0.5s;
}

.footer-signin-link a:hover span.footer-link-arrow,
.footer-signup-link a:hover span.footer-link-arrow {
  background-color: var(--white-color);
  color: #d42027;
}

.footer-block figure {
  margin: 0 0 12px;
  display: inline-block;
  max-width: 190px;
}

.cts_no {
  font-size: 15px;
  padding: 0 80px 0 0;
}

.cts_no p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
}

.copyright {
  padding: 32px 0 0;
  margin-top: 32px;
  border-top: 1px solid var(--border-color);
}

.newsletter-form .form-control {
  height: 45px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  background: 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding-right: 40px;
}

.relative-box {
  position: relative;
  top: 7px;
}

.relative-box .subscribe-btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #827e7e;
  height: 45px;
  font-size: 20px;
  background: no-repeat;
}

.relative-box .subscribe-btn:hover {
  color: #d42027;
}

ul.footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.niceCountryInputMenuFilter input,
ul.footer-links.FootCMSLinks li a {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}

.All-productShow .proTitle {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 500;
}

figure.paymentImg {
  margin: unset;
}

.paymentMethodType {
  display: flex;
  align-items: center;
  gap: 10px 30px;
  flex-wrap: wrap;
}

.paymentImg img {
  max-height: 30px;
  min-height: 26px;
  width: 41px;
}

.CheckoutProcessAddrse .save_button_footer,
.bankListAccordion .accordion-header,
.bankListCard.offer_discountCardBlock .form-group label,
.browse-topic-list,
.code_title,
.fraquently-soultions ul,
.meCard img,
.product-listingOrder .form-group,
.reelUploadInfo figure,
.return-card-popup .myCartColorSize,
.searchinput .css-qbdosj-Input,
.stock-checkBox .form-check:last-child,
.success-charge-row h3,
.watch-banner figure,
ul.footer-links.FootCMSLinks li {
  margin: 0;
}

ul.footer-links.FootCMSLinks {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 15px;
  justify-content: end;
}

ul.footer-links.FootSocialLinks {
  display: flex;
  align-items: center;
  gap: 38px;
}

ul.footer-links.FootSocialLinks li {
  margin: 0;
  height: 24px;
}

.footer-block {
  max-width: 274px;
}

.dltMoreInfoList li,
.footerDescription {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.footerShopTitle,
footer h6 {
  color: var(--secondary-color);
  font-size: 22px;
}

.footerShopTitle {
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 8px;
}

.appBlock {
  margin-block: 35px;
}

ul.footer-links li {
  margin: 0 0 16px;
}

ul.footer-links li a {
  padding: 0;
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
}

ul.footer-links.socialize li a {
  position: relative;
  padding-left: 25px;
}

ul.footer-links.socialize li a i {
  position: absolute;
  left: -9px;
  width: 30px;
  text-align: center;
  top: -4px;
  color: #959595;
  font-size: 17px;
}

.footer_wrapper,
.info-wrapper {
  padding: 32px 0;
}

footer h6 {
  margin: 0 0 24px;
  /* position: relative; */
  font-weight: 700;
}

.subscribe_text {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 400;
}

.headerMenuBar .menu-items .dropdown .menu-items button,
.libSelect.dark-form-control,
.manage-paddingCard .featured-text,
.navbar,
.theme_modal .modal-body {
  padding: 0;
}

.accordion-category .accordion-body {
  padding: 16px 0 0;
}

#top-button {
  display: inline-block;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#top-button.show {
  opacity: 1;
  visibility: visible;
}

.back_top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #4fd1c5;
  display: none;
  border: 1px solid #4fd1c5;
  z-index: 1;
  border-radius: 4px;
}

.back_top span {
  position: relative;
  display: block;
  color: var(--white-color);
  width: 100%;
  height: 100%;
}

.back_top span svg {
  width: 22px;
  height: 21px;
  position: absolute;
  left: 0;
  margin: 0 auto;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.back_top:hover {
  border-color: #4fd1c5;
  color: #4fd1c5;
  background-color: var(--white-color);
}

.back_top:hover span {
  color: #4fd1c5;
}

#header .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link i {
  margin-left: 5px;
  font-size: 14px;
  margin-top: 2px;
}

.mobiledrop {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  justify-content: center;
  border: 0;
  background-color: transparent;
}

.dropdown-menu.uInfoDropdown:after {
  right: 7px;
}

.custom_checkbox {
  position: relative;
}

.custom_checkbox input[type="checkbox"],
.custom_checkbox input[type="radio"] {
  height: 21px;
  width: 21px;
  min-width: 21px;
  margin: 0 10px 0 0;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  background: 0 0;
  position: relative;
  cursor: pointer;
}


.custom_radio [type="radio"]:checked+label,
.custom_radio [type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 16px;
  display: inline-block;
  color: #000;
}

.custom_radio [type="radio"]:checked+label:before,
.custom_radio [type="radio"]:not(:checked)+label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 15px;
  height: 15px;
  border: 1px solid var(--primary-color);
  border-radius: 100%;
  background: var(--white-color);
}

.custom_radio [type="radio"]:checked+label::after,
.custom_radio [type="radio"]:not(:checked)+label::after {
  content: "";
  width: 7px;
  height: 7px;
  background: var(--primary-color);
  position: absolute;
  top: 5px;
  left: 4px;
  border-radius: 100%;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.custom_radio [type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.checked_radio_button_label::after,
.custom_radio [type="radio"]:checked+label:after {
  opacity: 1 !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}

.contact_add_coloum,
.contact_form {
  box-shadow: 0 0 31px -14px rgb(0 0 0 / 15%);
}

.Gift-card-popup .GiftPopupBtn:hover,
.ProductContactVendor:hover,
.footer-btns-box .btn-primary.with-border:hover,
.noonmar_popup_btn:hover,
.proCartBtn:hover,
.productCard:hover .proCartBtn,
.viewAllReview:hover {
  background-color: var(--white-color);
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.btn-primary {
  background: var(--primary-color);
  border-radius: 12px;
  font-size: 14px;
  border: 1px solid var(--primary-color);
}

.productImgCard img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
}

.productImgCard {
  text-align: center;
  margin-bottom: 10px;
  --aspect-ratio: 3/4;
  width: 100%;
  padding-top: calc(100% / (var(--aspect-ratio)));
}

.proTitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
  line-height: normal;
}

.BSellerTag,
.BsponsoredTag {
  position: absolute;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 15px;
  left: -10px;
  top: 30px;
}

.proStars {
  line-height: 1;
  display: flex;
  gap: 8px;
}

.proStars a svg,
svg.star {
  color: #ffe083 !important;
}

.proStars a svg.active,
.stock-checkBox .form-check-label span i {
  color: #ffc107;
}

.BSellerTag {
  background: #ff3232;
  color: var(--white-color);
  z-index: 8;
}

.BsponsoredTag {
  background: #f7cb50;
  color: #000;
}

.userCartTab .iconLinks:hover .cartCounter {
  color: var(--white-color) !important;
}

.StarCount {
  font-weight: 400;
  font-size: 12px;
  color: #697687;
  line-height: 23px;
  margin: 5px 0 0 5px;
}

.StarRatings a,
.StarRatings button,
.ofrProPri,
.ofrTag,
.proBrandName {
  font-size: 16px;
  font-weight: 400;
}

.ofrTag {
  color: #ff3232;
}

.discounted_price,
.ofrProPri,
.summary-offer-header span {
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.discounted_price {
  white-space: nowrap;
}

.proPri {
  font-weight: 300;
  font-size: 13px;
  line-height: 20px;
  color: #93aac5;
}

.overlaytext span,
.proCartBtn {
  font-weight: 400;
  text-align: center;
}

.FTopRow,
.proPriRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.most-views-section .proCartBtn {
  margin-top: 9px;
}

.InnPriTag {
  display: flex;
  align-items: start;
  column-gap: 5px;
}

.proCartBtnborder {
  display: block;
  border: 1px solid #697687;
  border-radius: 0.375rem;
  background-color: transparent;
  color: #697687;
}

.proCartBtn {
  border-radius: 12px;
  border: 1px solid #e9690d;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 14px;
  line-height: 20px;
  display: block;
  padding: 15px 20px;
  width: 100%;
}

.likePro,
.likeProtow {
  position: absolute;
  top: 20px;
  color: var(--secondary-color);
  font-size: 25px;
}

.offer-dtl:hover,
.overlayBtn:hover,
.overlaytext,
.overlaytext span,
.reelUploadInfo,
.reelUploadName,
.reelVideoActionBtn a,
span.reelDescription {
  color: var(--white-color);
}

.proCartBtn.proBuyBtn svg {
  width: 24px;
  height: 21px;
  margin-right: 5px;
}

.likePro {
  right: 12px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  z-index: 8;
  justify-content: center;
}

.likeProtow {
  right: 45px;
  z-index: 1;
}

.customPro-col_ {
  margin: 0 0 30px;
}

.customPro-col {
  width: 20%;
  padding-inline: 0;
  margin-bottom: 30px;
}

.SlideOfferCard {
  display: flex;
  position: relative;
}

.offeroverlay {
  padding: 13px 0;
  transition: 0.5s;
  background-color: #50ca6e;
  flex: 0 0 50%;
  align-content: center;
  display: flex;
}

.inline-radio .custom_radio,
.offer-Images {
  flex: 0 0 50%;
}

.overlaytext {
  font-size: 20px;
  text-align: center;
  width: 90%;
  margin: auto;
}

.likePro.cursor i,
.smallLable {
  font-size: 18px;
}

.offerHeading {
  font-size: 30px;
}

.overlayBtn {
  font-weight: 700;
  display: inline-block;
  color: #000;
  background-color: var(--white-color);
  padding: 8px 15px;
  margin-top: 30px;
}

.overlayBtn:hover {
  background-color: #f60;
}

.bankListAccordion .accordion-button::after,
.dropdown.dropstart .dropdown-menu:after,
.dropdown.dropstart .dropdown-toggle::before,
.libSelect.form-select:before,
.offerActionBtn .swiper-button-next:after,
.offerActionBtn .swiper-button-prev:after,
.offerActionBtn .swiper-rtl .swiper-button-next:after,
.offerActionBtn .swiper-rtl .swiper-button-prev:after,
.reel_box .reelDetailCard:after {
  content: none;
}

.offerActionBtn .swiper-button-next,
.offerActionBtn .swiper-rtl .swiper-button-prev,
.offersSlider .swiper-button-next {
  rotate: 180deg;
}

.offerActionBtn .swiper-button-next,
.offerActionBtn .swiper-button-prev,
.offerActionBtn .swiper-rtl .swiper-button-next,
.offerActionBtn .swiper-rtl .swiper-button-prev {
  width: 55px;
  height: 55px;
  background: #000;
  border-radius: 50%;
}

.section-heading.borderhide {
  border-bottom: 0 dashed var(--primary-color);
  padding: 0;
  margin: 0 0 50px;
  display: block;
}

.vindorCard {
  background: #f2f2f2;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 209px;
  padding: 20px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

ul.vindorList {
  overflow-x: hidden;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0 -27px;
  flex-wrap: wrap;
}

.vindorList li {
  flex: 0 0 16.6666667%;
  padding: 0 27px;
}

.vindorCard img {
  max-height: 80px;
}

.small-banner-section {
  background: #ef4058;
  margin: 50px auto;
}

.watch-banner {
  margin: 0 auto;
  justify-content: center;
}

.watch-banner figure img {
  transform: scale(1.05);
  padding-right: 110px;
}

.banner-h2 {
  font-weight: 500;
  font-size: 60px;
  color: #fffcfc;
  margin: 0 0 30px;
}

.banner-contents {
  max-width: 525px;
}

.offer-dtl {
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  color: #000;
  background-color: var(--white-color);
  padding: 18px 48px;
  margin-top: 15px;
  border: 1px solid var(--white-color);
}

.itemBoughtpri,
.offerCardTitle span {
  display: block;
  font-family: Lexend, sans-serif;
}

.menu-items a:hover,
.menu-items button,
.menu-items button:hover,
.offer-dtl:hover {
  background-color: transparent;
}

.newlyItemCard {
  padding: 45px;
  border: 1.5px solid rgba(129, 129, 129, 0.5);
  border-radius: 20px;
  margin-top: 35px;
}

.newItemStarCounter {
  font-weight: 500;
  font-size: 16px;
  color: var(--primary-color);
  margin-left: 5px;
}

.FootSocialicn i,
.itemBoughtpri,
.newITitle,
.subscribeForm .custom_checkbox.check-type2 input[type="checkbox"]:checked::before {
  font-size: 24px;
}

.itemBoughtTitle,
.itemBoughtpri,
.newITitle {
  color: #000;
  font-weight: 500;
}

.itemBoughtpri {
  line-height: 1;
  margin-top: 8px;
}

.newlyItemImg {
  max-height: 260px;
  height: 260px;
}

.newItemStar svg {
  width: 17px;
  margin: 0 5px 0 0;
}

.blogImg img,
.reelsCard .reelBanner {
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.offerCardBanner img,
span.postedNme {
  margin-left: 5px;
}

.lightBg {
  background: #f8f9fa;
}

.offerCardTitle {
  font-weight: 400;
  font-size: 72px;
  color: #13101e;
  font-family: Lexend, sans-serif;
}

.viewOfrBtn {
  font-family: Poppins, sans-serif !important;
  font-weight: 700;
  font-size: 14px;
  color: #f2f2f2;
  background: var(--primary-color);
  padding: 15px 30px;
  display: inline-block;
  margin-top: 30px;
}

.viewOfrBtn:hover {
  background-color: #4fd1c5;
  color: var(--white-color);
}

.offerRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 0;
  width: 85%;
  margin: auto;
}

.reelsCard {
  margin-bottom: 15px;
  position: relative;
}

.reelsCard .reelBanner {
  height: 420px;
  border-radius: 8px;
}

.reelVideoBtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.blogImg img {
  height: 210px;
  border-radius: 20px;
  margin-bottom: 10px;
}

.blogTag {
  position: absolute;
  background-color: #57b9d8;
  color: var(--white-color);
  border-radius: 5px;
  left: 15px;
  top: 15px;
  padding: 8px 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
}

.blogTitle,
.sectionLast-heading {
  color: #000;
  font-family: Lexend, sans-serif;
}

.blogTitle {
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 8px;
}

.blogTitle:hover,
.breadcrumbBlock a:hover {
  color: #f60;
}

.blogPostBy {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  font-family: Lexend, sans-serif;
}

span.postedNme {
  color: #57b9d8;
}

.Blogsection,
.product-search-detail {
  margin-top: 24px;
}

.sectionLast-heading {
  font-weight: 700;
  font-size: 14px;
}

.aboutTExt {
  font-weight: 400;
  font-size: 14px;
  color: #555b6a;
}

.mb-22 {
  margin-bottom: 22px;
}

.section-padding30 {
  padding-bottom: 30px;
  padding-top: 30px;
}

.blogCard {
  margin-bottom: 15px;
  display: block;
}

.subscribeCardTitle {
  font-weight: 500;
  font-size: 24px;
  color: #000;
  margin-bottom: 0;
}

.BlackThemeBtn {
  font-family: Poppins, sans-serif !important;
  font-weight: 500;
  font-size: 18px;
  padding: 21px 42px;
  color: var(--white-color);
  border: 1px solid var(--primary-color);
  border-radius: 16px;
  background-color: var(--primary-color);
  box-shadow: 0 16px 32px -12px rgba(88, 92, 95, 0.1);
}

.BlackThemeBtn:hover,
.new_active_btn:hover {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: var(--white-color);
}

.CartNotAvailable .ofrTag,
.CartNotAvailable .proPri,
.click_here p,
.for_pass {
  color: #93aac5;
}

.subscribeInput {
  border-radius: 0;
  border: 0;
}

.newsletters label.form-check-label,
.newslettersLabel label.form-check-label {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  text-decoration-line: underline;
  color: #4f4f4f;
}

.checkout_boxs,
.newslettersLabel {
  margin-top: 12px;
}

.subscribe-section {
  border-bottom: 1px solid var(--border-color);
  background: #f9f9f9;
}

.play_btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.fopterrow {
  display: flex;
  align-items: flex-start;
  column-gap: 20px;
  margin: 15px 0 0;
  flex-wrap: wrap;
}

.FootSocialLinks a,
.FootSocialicn {
  display: inline-flex;
  align-items: center;
}

.custom-col-7 {
  width: 11%;
}

.footerCol3 {
  width: 16%;
}

.footerCol7 {
  width: 8%;
}

.footerCol6 {
  width: 10%;
}

.Footbodertop {
  border-top: 1px solid #ccc;
  margin-top: 15px;
  padding-top: 15px;
}

.mobileSideBarSelect .form-select {
  border-radius: 0;
}

.differentAddressCheck,
.heroCard_description,
.mobileSideBarSelect,
.pro_features_box,
.reviewBar {
  margin-bottom: 16px;
}

.login-signup-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-column,
.flex-lg-row {
  -webkit-box-direction: normal !important;
}

.content-block {
  width: 100%;
  position: relative;
  height: 100%;
}

.flex-root {
  -webkit-box-flex: 1;
  flex: 1;
  -ms-flex: 1 0 0px;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  width: 100%;
}

.flex-lg-row {
  -webkit-box-orient: horizontal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column-fluid {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-row-fluid {
  -webkit-box-flex: 1;
  flex: 1 auto;
  -ms-flex: 1 0 0px;
  min-width: 0;
}

/* Login */

.login_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.login_grid_col1 {
  flex: 0 0 100%;
}

.login_grid_col2 {
  flex: 0 0 586px;
}

.login_grid_col3 {
  flex: 1 0 0;
}

.outer-inputBox {
  position: relative;
  width: 100%;
}

.login_right_content {
  position: fixed;
  object-fit: cover;
  right: 0;
  height: 100%;
  width: 50%;
}

.login_right_content img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.login_page_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 100px 0 60px;
}

.login_right_img {
  text-align: center;
  margin-top: -60px;
}

.login-borderInput span {
  margin: auto;
}

.login_logo {
  padding-bottom: 55px;
}

.login_footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding-top: 30px;
  margin-top: auto;
}

.login_footer_link {
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
}

.login_main_box {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

.login_logo.cursor img {
  max-height: 50px;
}

.login_title {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.login_description {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
}

.login-form {
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  padding: 32px;
}

.login-borderInput {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  padding: 23px;
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  margin-bottom: 20px;
}

.login-borderInput:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 0px 6px 0px;
}

.login_sign_up_block .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.send_otp_btn {
  position: absolute;
  right: 21px;
  top: 17px;
  border-radius: 8px;
  background: var(--primary-color);
  border: 0;
  color: var(--white-color);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 17px;
  cursor: pointer;
}

.send_otp_btn:hover {
  background: #ff9345;
}

.send_otp_box {
  position: relative;
}

.send_otp_box input.form-control {
  padding-right: 134px;
}

.sendAgain_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  gap: 10px;
}

.sendAgain_time {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
}

.sendAgain_time button {
  text-decoration: underline;
  color: var(--primary-color);
  padding: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
}

.login_head_box {
  max-width: 586px;
}

/*  */

.MaterialSpecBox1,
.MaterialSpecificationsBox1,
.active .opaque,
.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-menu,
.img_upload_label,
.inline-radio,
.list-view .product-btnGroup,
.pro_list_card:hover .proLikeBox,
.select_remendor {
  display: flex;
}

.alerts_btn,
.bank_name_india,
.forget_pass {
  margin: 0 0 0 auto;
}

.apple_buttons,
.facebook_buttons,
.google_buttons {
  padding: 12px 26px;
  margin-right: 15px;
  text-align: center;
}

.custom_checkbox .click_reme {
  cursor: pointer;
  color: #A4A4A4 !important;
  font-size: 16px;
  font-weight: 400;
}

.register_select {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-decoration: underline;
}

.select_remendor .custom_checkbox.check-type2 input[type="checkbox"] {
  border: 2px solid #000000;
}

.checkbox-custom {
  opacity: 0;
  position: absolute;
}

.select_remendor {
  margin: 32px 0;
}

.form-group input[type="checkbox"]:checked+label::after {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 9px;
  width: 10px;
  height: 18px;
  border: solid var(--primary-color);
  border-width: 0 4px 4px 0;
  border-radius: 2px;
  transform: rotate(45deg);
}

.for_pass:hover {
  color: #0468bf;
}

.custom_checkbox input[type="checkbox"]:checked,
.custom_checkbox input[type="radio"]:checked {
  border: 2px solid var(--primary-color);
}

.apple_buttons {
  background: #000;
  border-radius: 12px;
  border: 2px solid #000;
}

.apple_buttons:hover {
  box-shadow: 0 3px 20px 0 #00000080;
  background: #000000ef;
}

.google_buttons {
  background: var(--white-color);
  border: 2px solid #93aac5;
  border-radius: 5px;
}

.google_buttons:hover {
  box-shadow: 0 3px 20px 0 #b3b1b1cf;
}

.facebook_buttons {
  background: #1771e6;
  border: 2px solid #1771e6;
  border-radius: 5px;
}

.facebook_buttons:hover {
  box-shadow: 0 3px 20px 0 #0248cb79;
  background: #1771e6eb;
  border: 2px solid #1771e6eb;
}

.login_button_svg {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 50px;
}

.login_button {
  text-align: center;
  margin: 52px 0 16px;
}

.login_link_with {
  color: var(--primary-color);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  text-decoration: underline;
}

.login_link_with:hover {
  text-decoration: none;
}

.submit_button {
  color: var(--white-color);
  text-align: center;
  background: var(--primary-color);
  padding: 22px 0;
  border-radius: 12px;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  min-height: 72px;
}

.submit_button:hover {
  background: #ff9345;
  color: var(--white-color);
}

.click_here p a {
  color: var(--primary-color);
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  text-decoration: underline;
}

.login_sign_up_block {
  max-width: 400px;
}



.dark-form-control {
  display: block;
  min-height: 72px;
  font-size: 16px;
  padding: 23px 16px;
}

.dark-form-control:focus {
  color: var(--secondary-color);
  background-color: var(--white-color);
  box-shadow: none;
}

.ProductRemovebox,
.register_button_svg {
  margin-top: 20px;
}

.regisert_btn {
  padding: 19px 0;
  width: 440px;
}

.custom-tooltip .tooltip-inner {
  background-color: #fff1e2;
  border: 1px solid var(--primary-color);
  text-align: left;
  color: #697687;
  border-radius: 20px;
  max-width: 610px;
  padding: 20px;
}

.custom-tooltip .tooltip p {
  font-size: 12px;
  margin-bottom: 5px;
}

.custom-tooltip .tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--primary-color);
}

.custom-tooltip .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--primary-color);
}

.custom-tooltip .tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--primary-color);
}

.custom-tooltip .tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--primary-color);
}

.vendor_right_content img {
  object-fit: cover;
  height: 95%;
  width: 92%;
  margin: 45px 0;
  border-radius: 20px;
}

.vendor_right_content {
  position: fixed;
  right: 0;
  height: calc(100% - 64px);
  width: 50%;
}

.vendor_login_title {
  font-size: 40px;
  font-weight: 700;
  padding-bottom: 20px;
  font-family: Lexend, sans-serif;
}

.custom_checkbox .click_vendor_reme {
  color: #697687;
  cursor: pointer;
}

.cursor,
.forgot_vendor_reme {
  cursor: pointer;
}

.forgot_pass {
  color: #697687;
}

.vendor_login_button {
  font-weight: 700;
  font-size: 18px;
}

.vendor_singUp_blog {
  width: 85%;
}

.Warehouse_banner {
  text-align: end;
  margin-top: 25px;
}

.Warehouse_button {
  border: 0;
  padding: 10px 20px 13px;
  background: #000;
  color: var(--white-color);
  font-weight: 500;
  border-radius: 0.375rem;
  margin-bottom: 20px;
  display: inline-block;
}

.Warehouse_title,
.dark-label {
  font-weight: 700;
  font-size: 16px;
}

.Warehouse_button:hover,
.list-grid-toggle i.active {
  background: var(--primary-color);
  color: var(--white-color);
}

.TabelCartSection .CartproductReturn i,
.Warehouse_button span {
  padding-right: 10px;
}

.addText {
  padding: 0 !important;
}

.Warehouse_title {
  color: #697687;
  line-height: 31px;
}

.vendor_submit_account {
  display: flex;
  margin: 40px 0;
}

.account_vendor_click {
  margin-left: 20px;
}

.account_vendor_click p {
  line-height: 55px;
}

.hr-mb {
  margin: 10px 0 30px;
}

.country-dropdown {
  position: relative;
  min-height: 57px;
}

.niceCountryInputMenuDefaultText,
.rating-boxes .progress,
.shipping-packag-div .Wishists_product_input {
  width: 100%;
}

.niceCountryInputMenuDropdownContent,
.niceCountryInputMenuFilter {
  background: var(--white-color);
}

.niceCountryInputMenuDropdown {
  color: #697687;
  position: absolute;
  top: 11px;
  right: 11px;
}

.niceCountryInputMenu {
  font-size: 16px;
  padding: 14px 22px 10px 12px;
  background-color: #f8f9fa !important;
  color: #000 !important;
  border: 0;
  border-radius: 0.375rem;
}

.country-dropdown label {
  opacity: 0.85;
  transform: scale(0.85) translateY(-1rem) translateX(0.15rem);
}

.niceCountryInputMenuCountryFlag {
  margin-right: 9px;
  margin-top: -3px;
}

.niceCountryInputSelector {
  position: absolute;
  z-index: 1;
  top: 0;
  background: var(--white-color);
  width: 100%;
}

.niceCountryInputMenuDropdown span {
  font-size: 13px !important;
}

.form-control:focus {
  color: var(--secondary-color);
  border-color: var(--primary-color);
  box-shadow: none;
}

.dark-label {
  color: #697687;
  margin: 0 0 17px;
}

.lang-group .custom_radio {
  margin: 0 0 8px;
}

.cmsContent,
.inputBx,
.section-gap,
.stock-checkBox-spacing,
.warehouse-group {
  margin-bottom: 30px;
}

.custom_checkbox.check-type2 input[type="checkbox"] {
  height: 18px;
  width: 18px;
  min-width: 18px;
  margin: 0 3px 0 0;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 2px solid var(--para-color);
  border-radius: 2px;
  background: 0 0;
  position: relative;
  cursor: pointer;
}

.custom_checkbox.check-type2 input[type="checkbox"]:checked {
  border: 2px solid var(--primary-color);
  background: var(--white-color);
}

.custom_checkbox.check-type2 input[type="checkbox"]:checked::before {
  content: "\f00c";
  height: 100%;
  font-family: Font-awesome-5-pro;
  position: absolute;
  font-weight: 500;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--white-color);
  border-radius: 0;
  background-color: var(--primary-color);
}

.contryList {
  margin: 23px 0 0;
}

.ctry-name {
  background: #f2f2f2;
  border-radius: 70px;
  color: #697687;
  padding: 3px 15px 6px;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 6px;
}

.ctry-name i {
  color: #979797;
  font-size: 13px;
  margin: 0 0 0 9px;
}

.ctry-name a:hover i {
  color: #000 !important;
}

.doc-file-input {
  display: block;
  text-align: left;
  padding: 16px;
  max-width: 283px;
  position: relative;
  background: #f1f1f1;
  border-radius: 0.375rem;
  width: 100%;
  height: 56px;
}

.doc-file-input:hover {
  background: #fff9f5;
}

.Upload_img_des i {
  margin-right: 8px;
}

.doc-file-input>[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
  cursor: pointer;
}

.doc-file-input>.button {
  display: inline-block;
  cursor: pointer;
  background: #eee;
  padding: 8px 16px;
  border-radius: 2px;
  margin-right: 8px;
}

.doc-file-input:hover>.button {
  background: #1e90ff;
  color: var(--white-color);
}

.doc-file-input>.label {
  white-space: nowrap;
  font-weight: 600;
  font-size: 16px;
  line-height: 23px;
  align-items: center;
  text-align: center;
  color: #171520;
  justify-content: center;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.breadcrumb-item.active,
.breadcrumbBlock a,
.checkout_terms_desc a,
.checkout_terms_desc p,
.deals_heading,
.hero-card-title,
.lang_label,
.sub_info_link,
.sub_info_title,
.subscribeFormTitle,
.writeRiviewText {
  color: var(--secondary-color);
}

.doc-file-input>.label i {
  margin-right: 7px;
  font-size: 17px;
  font-weight: 600;
}

.doc-file-input.-chosen>.label,
.inputTooltip:hover .cvv_tooltipbox,
.pro_list_card:hover .offer-card-next.swiper-button-disabled,
.pro_list_card:hover .offer-card-prev.swiper-button-disabled,
.pro_list_card:hover .swiper-button-next.offer-card-next,
.pro_list_card:hover .swiper-button-prev.offer-card-prev,
.productCard:hover .likePro,
.productCard:hover .offer-card-next.swiper-button-disabled,
.productCard:hover .offer-card-prev.swiper-button-disabled,
.productCard:hover .shuffle_icon,
.productCard:hover .swiper-button-next.offer-card-next,
.productCard:hover .swiper-button-prev.offer-card-prev,
.sliderBottomImg .swiper-slide-thumb-active {
  opacity: 1;
}

.doc-file-input.-chosen>.label,
.sliderBottomImg .swiper-slide-thumb-active img {
  border: 1px solid var(--primary-color);
}

.discoverBanner,
.heroBanner img,
.heroSliderBanner {
  border-radius: 16px;
}

.modal_button_box,
.sliderBottomImg {
  margin-top: 16px;
}

.heroBanner {
  row-gap: 30px;
  display: flex;
  flex-direction: column;
}

.heroSlider span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--secondary-color);
  border-radius: 50%;
}

.heroSlider .swiper-horizontal>.swiper-pagination-bullets,
.heroSlider .swiper-pagination-bullets.swiper-pagination-horizontal,
.heroSlider .swiper-pagination-custom,
.heroSlider .swiper-pagination-fraction {
  bottom: 30px;
}

.heroSlider span.swiper-pagination-bullet,
.swiper-container span.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--para-color);
  opacity: 1;
}

.heroContainer {
  padding: 24px 15px;
  max-width: 1920px;
  margin: auto;
}

.maxContainer {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}

.christmas_sale_banner,
.section-margin {
  margin: 50px 0;
}

.Checkout_Addresse_card,
.SlideheroCard,
.heroBanner,
.heroBanner img,
.heroSlider,
.heroSlider-Images,
.heroSliderBanner,
.heroSliderCart .swiper-wrapper,
.herobanner1,
.swiper.heroSliderCart,
.viewedBanner,
.viewedBanner img {
  height: 100%;
}

.heroSliderBanner {
  width: 100%;
  object-fit: fill;
}

.swiper.heroSliderCart {
  border-radius: 15px;
  max-height: 650px;
}

#header.is-sticky .HeaderSearchBar {
  margin-bottom: 3px;
}

.form-select:focus {
  border-color: #c4c4c4;
  outline: 0;
  box-shadow: none;
}

.dashboardRightBlock {
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: #FFF;
  padding: 32px;
  min-height: 350px;
}

.DashlogOutBtn svg {
  margin-right: 8px;
  transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
}

.DashlogOutBtn {
  color: var(--white-color);
  background: #000;
  font-size: 16px;
  padding: 9px 25px;
  margin-left: 10px;
  border-radius: 8px;
  border: 1px solid #000;
  flex-shrink: 0;
}

.RightBlockTitle,
.info_title {
  margin: 0;
  color: #000;
  font-size: 22px;
  font-weight: 700;
}

.info_title,
.pageTopTitle {
  border-bottom: 1px solid var(--border-color);
}

.info_title {
  padding-bottom: 15px;
  font-weight: 400;
}

.browse-topic-list li,
.pageTopTitle {
  padding-bottom: 24px;
}

.address_area_title,
.breadcrumbBlock a,
.dashboard-nav-dropdown-item,
.dashboard-nav-item {
  font-weight: 400;
  font-size: 14px;
}

.breadcrumb-item.active {
  font-size: 14px;
  line-height: normal;
}

.DashlogOutBtn:hover,
.RemoveProductBtn:hover {
  color: #13101e;
  background-color: transparent;
}

.DashlogOutBtn:hover svg path {
  stroke: #13101e;
}

.pageTopTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.breadcrumbBlock>nav {
  padding-right: 25px;
}

.breadcrumbBlock ol.breadcrumb {
  align-items: center;
}

.breadcrumbBlock {
  margin: 15px 0 30px;
  position: relative;
}

.breadcrumbBlock .breadcrumb-item+.breadcrumb-item {
  padding-left: 26px;
  position: relative;
}

.breadcrumbBlock .breadcrumb-item+.breadcrumb-item::before {
  padding-right: 13px;
  content: "\f054";
  color: #000;
  font-family: Font-awesome-5-pro;
  position: absolute;
  font-weight: 700;
  font-size: 12px;
  left: 9px;
  top: 4px;
}

.dashboard-nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}



.dashboard-nav-dropdown-toggle:after,
.dashboard-nav-item:after {
  content: "";
  margin-left: auto;
  width: 16px;
  height: 16px;
  border: 0;
  display: inline-block;
  padding: 4px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1716 7.50088L6.8076 2.13687L8.2218 0.722656L16 8.50088L8.2218 16.279L6.8076 14.8648L12.1716 9.50088H0V7.50088H12.1716Z' fill='%23F37D28'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

.dashboard-nav-item {
  display: flex;
  align-items: center;
  transition: 0.5s ease-out;
  position: relative;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  border-bottom: 1px solid var(--border-color);
  padding: 21px 0;
  gap: 12px;
}

.dash-nav-li:last-child .dashboard-nav-item {
  padding-bottom: 0;
}

.dash-nav-li:first-child .dashboard-nav-item {
  padding-top: 0;
}

.dashboard-nav-item span {
  flex: 0 0 24px;
  display: inline-block;
  color: var(--primary-color);
}

.dashboard-nav-dropdown,
.products.grid .featured-text {
  display: flex;
  flex-direction: column;
}

.NoonPointsDisabled .dashboard-nav-item {
  border: 0;
  background: transparent;
  width: 100%;
  pointer-events: none;
}

.NoonPointsDisabled .dashboard-nav-dropdown-toggle:after,
.NoonPointsDisabled .dashboard-nav-item:after {

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1716 7.50088L6.8076 2.13687L8.2218 0.722656L16 8.50088L8.2218 16.279L6.8076 14.8648L12.1716 9.50088H0V7.50088H12.1716Z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A");
}

.col-custome1 {
  width: 32%;
}

.col-custome2 {
  width: 68%;
}

.dashboardSideBar {
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: #FFF;
  padding: 32px;
}

.dashboard-nav-dropdown.show>.dashboard-nav-dropdown-toggle:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.dashboard-nav .dashboard-nav-dropdown-toggle:after {
  border-top-color: rgba(255, 255, 255, 0.72);
}

.dashboard-nav-dropdown-menu {
  display: none;
  flex-direction: column;
}

.dashboard-nav-dropdown-item {
  margin: 2px 0;
  display: flex;
  align-items: center;
  transition: 0.5s ease-out;
  color: #000;
  padding: 5px 10px 5px 45px;
}

.menu-toggle {
  position: absolute;
  top: 3px;
  right: 0;
  height: fit-content;
}

.menu-toggle i,
.welcome-modal-title {
  font-size: 20px;
}

.cmsContent h1,
.cmsContent h2,
.cmsContent h3,
.cmsContent h4,
.cmsContent h5,
.cmsContent h6 {
  margin: 30px 0 10px;
  font-weight: 300;
}

.cmsContent h1 {
  font-size: 34px;
}

.contactSection {
  padding: 80px 0;
}

.contact_add_coloum {
  position: relative;
  margin-bottom: 40px;
  height: 100%;
}

.mapInner_contact {
  margin-bottom: 40px;
  height: calc(100% - 40px);
}

.contact_title_coloum {
  position: relative;
  padding: 15px 30px;
}

.contact_title_coloum h3 {
  font-size: 18px;
  color: var(--primary-color);
  font-weight: 600;
  margin-bottom: 0;
  line-height: 30px;
}

.contact_title_lowerBox {
  position: relative;
  padding: 30px;
}

.contactInfo_list {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 36px 0 0;
}

.ContactSection {
  margin: 0 0 70px;
}

.contactInfo_list li {
  font-weight: 400;
  line-height: 22px;
  min-height: 50px;
  padding-left: 65px;
  font-size: 15px;
  margin-bottom: 30px;
  color: #08203a;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.checkGSTRow label,
.contactInfo_list li:last-child,
.country-template .footer-btns-box,
.custom table,
.modalAddRow label,
.pro_cart_item:last-child,
.pro_features_item:last-child {
  margin-bottom: 0;
}

.contactInfo_list li strong {
  font-weight: 600;
}

.contactInfo_list li .contact_icon {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 0;
  top: 0;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.contact_icon svg {
  height: 20px;
  color: var(--primary-color);
}

.contact_form {
  position: relative;
  border-radius: 5px;
  padding: 30px;
}

.contact_form-title {
  position: relative;
  text-align: center;
}

.contact_form-title h3 {
  font-size: 36px;
  color: #000;
  font-weight: 900;
  margin-bottom: 20px;
}

.contact_form_field {
  margin-top: 30px;
  position: relative;
}

textarea.form-control {
  height: fit-content;
}

.img_upload_btn {
  padding: 8px 25px;
  display: inline-block;
  background: var(--primary-color);
  border-radius: 8px;
  color: var(--white-color);
  transition: 0.3s;
  border: 1px solid var(--primary-color);
}

.img_upload_btn:hover,
.upload-btn-wrapper:hover .img_upload_btn {
  opacity: .7;
}

.img_delete_btn {
  padding: 8px 25px;
  display: inline-block;
  border-radius: 8px;
  color: #ff3232;
  transition: 0.3s;
  border: 1px solid #ff3232;
  margin-left: 16px;
  background-color: var(--white-color);
}

.img_delete_btn:hover {
  opacity: .7;
}

.img_profile_banner {
  cursor: pointer;
}



.img_profile_banner img {
  border-radius: 50%;
  object-fit: cover;
  width: 115px;
  height: 115px;
  min-width: 115px;
  min-height: 115px;
  border: 1px solid var(--border-color);
  box-shadow: rgb(0 0 0 / 7%) 0px 0px 12px;
}

.number_form_input {
  display: flex;
  gap: 20px;
}

.card_adderss_content,
.password_change_banner {
  margin-top: 34px;
}

.field-icon-input {
  position: absolute;
  z-index: 2;
  border: 0;
  background-color: transparent;
  padding: 0;
  right: 16px;
  top: 25px;
}

.customPro-col .productCard .product-btnGroup,
.edit_title,
.heroCard_imageBox,
.products.grid .featured-text .product-btnGroup {
  margin-top: auto;
}

.address_area,
.form-inputMargin,
.success-order-details {
  margin-bottom: 32px;
}

.address_area_title,
.service_cardTitle {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 8px;
}

.address_card_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  color: #171520;
}

.Default_title {
  font-size: 14px;
  color: #697687;
  font-weight: 500;
}

.address_sub_title {
  margin: 0 0 8px;
  word-break: break-word;
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
}

.address_area img {
  width: 42px;
  height: 42px;
}

.bankListAccordion .accordion-item:has(.accordion-collapse.show) {
  border: 1px solid var(--primary-color);
}

.edit_title a,
.edit_title button {
  border-radius: 6px;
  padding: 12px;
  gap: 10px;
  border: 0;
  justify-content: center;
  width: 48px;
  height: 48px;
}

.addressDeleteBtn {
  color: #fb3748;
  background: rgba(251, 55, 72, 0.1);
}

.addressEditBtn {
  color: var(--primary-color);
  background: rgba(245, 146, 75, 0.1);
}

.edit_title {
  gap: 12px;
  margin-top: 32px;
}

.address_cityName {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.Default_title {
  margin-bottom: 10px;
  display: block;
}

.address_sub_title span,
.sms_learn {
  color: #333;
}

.add_banner {
  display: grid;
}

.sms_active_btns,
.sms_alert_btn {
  padding: 8px 0;
  min-width: 209px;
  display: inline-block;
  text-align: center;
}

.sms_title {
  font-size: 20px;
  font-weight: 500;
  color: #171520;
}

.sms_sub_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #697687;
}

.check_boxHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 22px;
}

.add_new_address_banner {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
}

.sms_alert_btn {
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 6px;
  color: var(--white-color);
}

.sms_active_btns,
.sms_alert_btn:hover {
  background: #000;
  border: 2px solid #000;
  color: var(--white-color);
}

.sms_active_btns {
  border-radius: 6px;
  cursor: pointer;
}

.new_active_btn,
.saved_cards_btn {
  padding: 8px 20px;
  font-size: 18px;
  font-weight: 600;
}

.sms_active_btns:hover {
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
  color: var(--white-color);
}

.mobile_number_input {
  display: flex;
  margin-top: 15px;
}

.saved_cards_btn {
  border: 1px solid #000;
  color: #000;
  margin-right: 10px;
  border-radius: 6px;
}

.filter-side ul li:hover,
.new_active_btn,
.saved_cards_btn:hover {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.new_active_btn {
  margin-right: 14px;
}

.saved_cards_btn i {
  padding-left: 10px;
}

.payment_method {
  padding-bottom: 50px;
}

.payment_saved_cards {
  margin-top: 34px;
  display: flex;
}

.bank_ditails {
  display: flex;
  margin-top: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  text-align: center;
  justify-content: space-between;
}

.bank_banner_name {
  display: block;
  color: #5e5e5e;
  font-size: 14px;
}

.bank_title_name {
  display: block;
  color: #000;
  font-size: 16px;
}

.bank_account_name,
.bank_ex_date,
.bank_name,
.bank_number {
  padding: 0 36px;
}

.check_bank_info {
  display: block;
  padding-bottom: 10px;
}

.bank_card_icon {
  padding-right: 20px;
}

.save_card_future {
  background-color: #fff1e2;
  border: 1px solid var(--primary-color);
  text-align: left;
  color: #697687;
  border-radius: 20px;
  padding: 20px;
  margin-top: 33px;
}

.bank_card_main_title svg {
  vertical-align: bottom;
}

.bank_card_main_title {
  color: #000;
  font-weight: 700;
  font-size: 16px;
}

.bank_logo_banner {
  display: flex;
  padding-bottom: 24px;
}

.manage_card_input {
  display: flex;
  gap: 40px;
}

.card_digit_no h4 {
  color: #000;
  font-size: 18px;
  margin: 0 0 2px;
}

.browse-topic-list a,
.fraquently-listing li {
  color: #172238;
  font-size: 16px;
  font-weight: 500;
}

.cv_title {
  color: #000;
  font-size: 18px;
  margin: 0;
}

.SearchTitle,
.save_upload_btn {
  color: var(--white-color);
  font-weight: 700;
}

.has-search .form-control {
  padding-left: 2.375rem;
}

.has-search .form-control-feedback {
  position: absolute;
  z-index: 2;
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  line-height: 2.775rem;
  text-align: center;
  pointer-events: none;
  color: #000;
}

.check_credit {
  padding-top: 2px;
  margin-left: -27px;
}

.card_digit_no {
  max-width: 300px;
  width: 100%;
}

.exp_date,
.exp_dates {
  width: 56px;
  display: inline;
  height: 48px;
}

.Linerow {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

.customCard-row {
  display: flex;
  gap: 10px;
  align-items: center;
}

.CVV2,
.libSelect .css-qbdosj-Input {
  padding: 0;
  margin: 0;
}

.Transactions_button {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.save_button_footer {
  margin: -10px 0 8px auto;
}

.save_upload_btn {
  padding: 12px 30px;
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 6px;
  font-size: 18px;
}

.payment_Make_Btn:hover,
.save_upload_btn:hover {
  border: 2px solid var(--primary-color);
  background: var(--white-color);
  color: var(--primary-color);
}

.mobile_in-no {
  min-width: 100px;
  width: 20%;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.upload-btn-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.Balance_Wallet_block,
.help-support {
  background: linear-gradient(267.68deg,
      #66c6c2 1.63%,
      #f7cb50 25.43%,
      #f6b04a 53.44%,
      #ef5a58 96.79%);
}

.form-group.form-panl {
  width: 100%;
  max-width: 777px;
  margin: auto;
  position: relative;
}

.SearchTitle {
  font-size: 72px;
  text-align: center;
  font-family: Poppins, sans-serif !important;
}

.helpTop-search {
  padding: 90px 0 115px;
}

.form-group.form-panl .form-control {
  display: block;
  width: 100%;
  background-color: var(--white-color);
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  font-size: 24px;
  font-weight: 500;
  color: #555b6a;
  padding: 24px 65px 24px 24px;
}

.topSearch-button svg {
  width: 30px;
}

.topSearch-button {
  position: absolute;
  right: 25px;
  padding: 0;
  top: 25px;
  border: 0;
  background-color: transparent;
}

.SearchInput-box {
  margin-top: 35px;
  margin-bottom: 35px;
}

.help-section-heading {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  font-family: Lexend, sans-serif;
}

.user-box {
  height: 100%;
  border: 2px solid #000;
  border-radius: 10px;
  padding: 20px;
  border: none;
  max-height: 208px;
}

.your-cancel {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}

.user_box_icon svg {
  width: 20px;
  height: 20px;
}

.user_box_icon {
  background: #ff3232;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  text-align: center;
}

.return-items {
  background: #f7cb50;
}

.menage-add,
.updates-your {
  background: #66c6c2;
}

.user-edit {
  background: #ffe2e5;
}

.refunds-exchange {
  background: #fff4de;
}

.addresses-add,
.payments-add {
  background: #dcfcfa;
}

.Stroefront-plan,
.personal-information {
  background: #fff0e8;
}

.user_inner_title {
  font-size: 20px;
  color: #151d48;
  margin-top: 12px;
  font-weight: 700;
}

.user_inner_pera {
  font-weight: 500;
  font-size: 14px;
  color: #425166;
  margin: 0;
}

.browse-pricing,
.fraquently-heading,
.need-help {
  color: #000;
  font-size: 34px;
  text-align: center;
}

.user-section-heading {
  margin: 20px 0 48px;
}

.browse-pricing,
.need-help,
.pagination__link,
.return-card-popup .CartproductReturn span {
  font-weight: 700;
}

.NeedHelpSection,
.browse-topics,
.fraquently-soultions {
  margin: 60px 0;
}

.fraquently-row,
.need-help-row {
  margin-top: 36px;
}

.browse-topic-box {
  background: #f5f5f5;
  border-radius: 16px;
  padding: 55px 67px 10px;
  margin-top: 36px;
}

.fraquently-heading {
  font-weight: 700;
  margin-bottom: 36px;
}

.fraquently-listing li {
  padding-bottom: 15px;
}

.need-banner-right span,
.need-card-right span {
  font-size: 24px;
  color: #13101e;
  display: block;
}

.dashCard .specifications,
.fraquently-listing ul {
  margin-top: 0;
}

.need-help-row {
  display: flex;
  justify-content: center;
}

.WalletTransactionHistory .AmountTabelTitle1,
.WalletTransactionHistory .AmountTabelTitle2,
.WalletTransactionHistory .HistoryItemTitle,
.need-card-right span,
.proNme,
.valueText {
  font-weight: 700;
  font-family: Lexend, sans-serif;
}

.need-banner-card {
  padding: 0 20px;
}

.checkout_header>div,
.list-view .featured-text,
.need-card-right,
.productBuyAdd,
.shopItemDetails {
  flex: 1;
}

.need-help-card {
  border: 1px solid #d6e4f4;
  display: flex;
  border-radius: 10px;
  padding: 30px;
  gap: 40px;
  height: 100%;
  align-items: center;
}

.need-card-btn {
  padding: 9px 16px;
  background: var(--primary-color);
  margin-top: 15px;
  display: block;
  text-align: center;
  color: var(--white-color);
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid var(--primary-color);
  max-width: 142px;
  min-width: max-content;
}

.need-card-left img {
  height: 90px;
  width: 100%;
}

.need-card-btn:hover {
  background-color: #ffffffde;
  color: var(--primary-color);
}

.need-card-left {
  flex-basis: 100px;
  flex-grow: 0;
  flex: 0 0 100px;
}

.section-heading-noBorder {
  border: none;
}

.user-box:hover {
  box-shadow: rgba(149, 157, 165, 0.3) 0 8px 24px;
  transition: 0.7s;
}

.product-section-heading {
  font-family: Poppins, sans-serif !important;
  font-weight: 700;
  font-size: 34px;
  color: #000;
}

.AddressDtl,
.CardAmountBtn,
.Cart_Total_title,
.QuesText,
.QuesTitle,
.TotalPriceCart,
.WalletBalanceBox span,
.check_Coach_block,
.order_id h4,
.pagination a,
.return-card-popup .CartproductReturn,
.return-card-popup .popupCartUSD {
  font-family: Lexend, sans-serif;
}

.product-search-listing .stock-checkBox .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.stock-checkBox .form-check-input {
  width: 18px;
  height: 18px;
  border: 2px solid var(--para-color);
  border-radius: 2px;
  background-color: transparent;
}

.stock-checkBox .form-check-label {
  margin-left: 8px;
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}

.accordion-category .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9999 5.66847L11.9497 0.71875L13.3639 2.13296L6.9999 8.49697L0.635986 2.13296L2.0502 0.71875L6.9999 5.66847Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-size: 13px;
  width: 13px;
  height: 8px;
}

.accordion-category .accordion-button:not(.collapsed)::after {
  transform: rotate(0);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0001 3.33153L2.0503 8.28125L0.636105 6.86704L7.0001 0.503029L13.364 6.86704L11.9498 8.28125L7.0001 3.33153Z' fill='black'/%3E%3C/svg%3E%0A");
}

.breadcrumbBlockListing {
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
}

.stock-checkBox .form-check {
  margin: 0 0 12px;
  display: flex;
  padding: 0;
  align-items: center;
  cursor: pointer;
  width: fit-content;
}

.accordion-category .accordion-button {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  padding: 0;
}

.accordion-button:not(.collapsed) {
  color: var(--secondary-color);
  box-shadow: none;
}

.accordion-category .accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.stock-checkBox .form-check-input:focus {
  border-color: #626262;
  box-shadow: none;
}

.accordion-category .accordion-item {
  border: 0;
  margin-bottom: 10px;
  background-color: transparent;
}

.accordion-category.accor_newBox .accordion-item {
  border: 0;
  margin-bottom: 0;
  padding: 23px 0;
  border-bottom: 1px solid var(--border-color);
}

.product-search-listing {
  margin: 24px 0;
}

.product-listingOrder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
}

.product-listingOrder .form-select {
  width: 206px;
  height: 56px;
}

.product-btnGroup {
  display: flex;
  gap: 7px;
}

.mobileSideBarSelect>label {
  margin: 0 0 13px;
}

.dashboard {
  margin: 24px 0;
}

.subscribeForm .custom_checkbox.check-type2 input[type="checkbox"] {
  height: 16px;
  width: 16px;
  min-width: 16px;
  margin: 0 8px 0 0;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 0;
  border-radius: 2px;
  background: var(--white-color);
  position: relative;
  cursor: pointer;
}

.newsletters {
  display: flex;
  margin: 17px 0 0;
}

.pro_list_image .swiper-container,
.productImgCard .swiper-container,
.section-padding.reels-section {
  padding-bottom: 0;
  height: 100%;
}

.niceCountryInputMenuFilter input:focus-visible {
  outline: 0;
}

.niceCountryInputMenuDropdownContent,
.niceCountryInputMenuFilter {
  border-top: 1px solid #d9d9d9;
  border: 1px solid #d9d9d9;
}

.list-view .fridaySaleTitle {
  padding-right: 70px;
}

.list-grid-toggle i {
  color: #b6b6b6;
  padding: 4px 5px;
  font-size: 20px;
}

.showingTitle {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
}

.PlatformMarketplace {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
}

.fridaySaleTitle {
  font-size: 16px;
  margin: 0;
  font-weight: 700;
  color: #444a6d;
  cursor: pointer;
}

.platformdes {
  color: #697687;
  font-size: 14px;
  margin: 3px 0 7px;
  font-weight: 500;
}

.blackFridaySale {
  white-space: normal;
}

.list-view .product-listing_card {
  width: 25%;
}

.list-view .customPro-col-product {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 0;
}

.list-view .productCard {
  display: flex;
  gap: 20px;
  align-items: center;
}

.customPro-col-product {
  padding: 0 15px;
}

.sideTabicon svg {
  fill: var(--white-color);
  padding: 0;
  border: 0;
  width: 15px;
  height: 15px;
}

.faqs_wrepp .accordion-item {
  background: var(--white-color);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.04);
  border-radius: 12px;
  border: none;
  margin-bottom: 25px;
}

.faqs_wrepp .accordion-button:not(.collapsed) {
  background: 0 0;
  box-shadow: none;
}

.accordion-button:focus,
.faq_detail_accordion .accordion-button:not(.collapsed),
.faqs_wrepp .accordion-button:focus,
.swiper_moadl_reels .reel-videoCard {
  box-shadow: none;
}

.faqs_wrepp .accordion-body {
  padding-top: 5px;
}

.faqs_wrepp .accordion-button {
  font-size: 20px;
  letter-spacing: 0.375px;
  color: #3b3a40;
  font-weight: 600;
  padding: 20px 22px;
}

.customErrorMsg {
  margin-top: 15px;
  margin-left: -15px;
  display: block;
}

.libSelect .css-13cymwt-control {
  white-space: nowrap;
}

.libSelect .css-1xc3v61-indicatorContainer {
  color: hsl(210deg 10.34% 22.75%);
}

.css-t3ipsp-control:hover {
  border-color: transparent;
  outline: 0;
  box-shadow: none !important;
}



.form-group .css-13cymwt-control,
.form-group .css-t3ipsp-control,
.form-group .css-t3ipsp-control:hover,
.css-13cymwt-control,
.css-t3ipsp-control,
.css-t3ipsp-control:hover,
.form-group .css-13cymwt-control,
.form-group .css-t3ipsp-control,
.form-group .css-t3ipsp-control:hover {
  min-height: 72px !important;
}


.form-group .css-1fdsijx-ValueContainer {
  padding: 6px 16px;
}

.form-group .css-1jqq78o-placeholder {
  color: #a4a4a4 !important;
  font-weight: 400;
  font-size: 16px;
}

.form-group .css-13cymwt-control,
.form-group .css-t3ipsp-control {
  border: 1px solid var(--border-color) !important;
  border-radius: 8px;
}

.form-group .css-t3ipsp-control:hover {
  border-color: var(--border-color);
}

.css-1jqq78o-placeholder {
  color: var(--para-color);
  font-weight: 500;
  font-size: 14px;
}

.ResetOTPBtn {
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #ff6405;
  margin-top: 8px;
}

.modal-content-top,
.modal-header {
  border-bottom: 1px solid #dee2e6;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 8px !important;
}

.modal-content-top {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.dropdown.dropstart {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #000;
  color: var(--white-color);
  line-height: 1;
  width: 17px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
}

.dropdown.dropstart .dropdown-menu {
  min-width: 130px;
}

.dropdown.dropstart .dropdown-menu a {
  font-size: 13px;
  padding: 3px 10px;
}

.productDetailsCheck {
  margin: 20px 0 10px;
}

.OversizeBoxTitle {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 8px;
}

.proBrandName {
  color: var(--primary-color);
  line-height: 24px;
  display: inline-block;
  margin-bottom: 8px;
}

.StarRatings a,
.StarRatings button {
  color: var(--para-color) !important;
  margin-left: 10px;
  background: transparent;
  border: 0;
}

.shareNameIcon {
  display: flex;
  justify-content: end;
  align-items: center;
}

.CompareRightBtn {
  text-align: end;
  margin-top: 30px;
}

.FeaturesViewAll svg,
.socialShare a {
  padding-left: 5px;
}

.productQuantitytitle,
.socialIcon {
  font-size: 20px;
  color: #13101e;
}

.socialShare {
  padding-left: 10px;
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.socialShare button {
  width: 30px;
  height: 30px;
  line-height: 1 !important;
  font-size: 0px !important;
}

.myOrderLink span {
  text-decoration-line: none;
  font-weight: 400;
  font-size: 16px;
  color: #697687 !important;
  white-space: nowrap;
}

.CompareBtn i,
.productOffUpto,
.remove_product_red i,
.shareCartBtn i {
  padding-right: 5px;
}

.CompareBtn {
  color: #bdbdbd;
  border: 2px solid #bdbdbd;
  border-radius: 10px;
  padding: 10px 15px;
}

.notLogged_content,
.product_price {
  display: flex;
  align-items: center;
  gap: 12px;
}

.listRow,
.productSize {
  flex-wrap: wrap;
  display: flex;
}

.product_price_title {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
}

.product_price_default {
  color: #b6b6b6;
  font-size: 34px;
}

.product_price_off {
  color: #ff404b;
  font-size: 20px;
}

.productDetailsCheckTitle {
  font-size: 20px;
  color: #171520;
  font-weight: 500;
  margin: 0;
}

.productDetailsCheckDis {
  font-size: 16px;
  color: #626262;
  font-weight: 500;
  margin: 0;
}

.productColor {
  display: flex;
  gap: 4px;
}

.productColor span {
  color: #13101e;
  padding-right: 24px;
  padding-top: 15px;
  font-size: 20px;
}

.productSize span {
  color: #13101e;
  padding-top: 15px;
  white-space: nowrap;
  font-size: 20px;
}

.form-select- .css-12a83d4-MultiValueRemove,
.listRow .form-check {
  padding-left: 0;
}

.listRow {
  gap: 10px;
  align-items: center;
  margin-right: 15px;
  margin-left: 15px;
}

.size_label {
  padding: 10px;
  text-align: center;
  height: 40px;
  min-width: 46px;
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  line-height: 20px;
}

.productSize input:checked+.size_label {
  background-color: #fde4d2;
  color: var(--primary-color);
  border: 1px solid #fde4d2;
}

.productLabelImg img {
  border: 2.3px solid transparent;
  border-radius: 3px;
}

.productSize .form-check {
  min-height: auto;
  padding-left: 0;
  margin-bottom: 0;
}

.productColor input:checked+.productLabelImg img {
  border: 2.3px solid #2c2936;
  border-radius: 3px;
}

.productSize {
  gap: 8px;
  align-items: center;
}

.pincode-Check-product {
  position: absolute;
  top: 16px;
  right: 10px;
  font-size: 14px;
  border: 0;
  color: #bdbdbd;
  background-color: transparent;
}

.productCheckblock {
  display: flex;
  margin: 20px 0;
  flex-wrap: wrap;
}

.productgetAbove {
  display: flex;
  padding: 13px;
}

.productCheckCard {
  border-radius: 8px;
  border: 2px solid #828282;
  margin-bottom: 10px;
}

.productCheckblock input:checked+.productCheckCard {
  border-radius: 8px;
  border: 2px solid #000;
}

.productOffUpto h4 {
  font-size: 16px;
  color: #171520;
  margin: 0;
  padding-bottom: 5px;
}

.productOffUpto a {
  color: #828282;
  font-size: 14px;
  margin: 0;
}

.productCheckblock .form-check {
  padding-right: 1.5em;
  padding-left: 0;
}

.productOffCode .productCodeTitle {
  border: none;
  color: #626262;
  background: #f1f1f1;
  border-radius: 4px;
}

.useCodeProduct {
  font-size: 14px;
  color: #626262;
}

.productCodeTitle .orderCodePro {
  padding: 10px 0;
  color: #171520;
  font-size: 16px;
}

.productOffCode .productCodeTitle {
  width: 105px;
  height: 76px;
  text-align: center;
  padding: 10px;
}

.productBuyCart {
  margin-bottom: 36px;
  display: flex;
  gap: 16px;
  width: 100%;
}

.productBuyAdd i {
  padding-right: 8px;
}

.productReturn {
  color: #626262;
  font-size: 18px;
}

.productReturn:hover {
  color: #626262;
}

.productSliderImg .swiper-button-next,
.productSliderImg .swiper-button-prev {
  color: #000;
  top: 50%;
}

.productSliderImg .swiper-button-next::after,
.productSliderImg .swiper-button-prev::after {
  font-size: 14px;
  color: #000;
  font-weight: 700;
}

.productSliderImg .swiper-button-next:after,
.productSliderImg .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.productSliderImg .swiper-button-prev:after,
.productSliderImg .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.product-slider-tow {
  margin: auto;
  display: block;
  object-fit: contain;
  height: 145px;
  max-width: 145px;
  width: 100%;
}

.sliderBottomImg .swiper-button-next,
.sliderBottomImg .swiper-rtl .swiper-button-prev {
  right: -6px;
}

.sliderBottomImg .swiper-button-prev,
.sliderBottomImg .swiper-rtl .swiper-button-next {
  left: -6px;
}

.product-slider-img img {
  display: block;
  object-fit: contain;
  border-radius: 10px;
  height: 687px;
  width: 100%;
}

.AddCustomGiftCard,
.Product_Detail_page,
.features_wrapper {
  margin-top: 50px;
}

.productCheckblock .swiper-button-next::after,
.productCheckblock .swiper-button-prev::after,
.productCheckblock .swiper-rtl .swiper-button-next::after,
.productCheckblock .swiper-rtl .swiper-button-prev::after,
.reels-section .swiper-button-next::after,
.reels-section .swiper-button-prev::after {
  content: "";
}

.proGetOffer .swiper-button-prev:after,
.proGetOffer .swiper-rtl .swiper-button-next:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAxOCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTcuNSAzNEwwLjQ5OTkyMSAxNi45OTk5TDE3LjUgOS4wNjA3NmUtMDdMMTcuNSAzNFoiIGZpbGw9ImJsYWNrIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=);
}

.proGetOffer .swiper-button-next:after,
.proGetOffer .swiper-rtl .swiper-button-prev:after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAxOCAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC41IDM0TDE3LjUwMDEgMTYuOTk5OUwwLjQ5OTk5OSAwTDAuNSAzNFoiIGZpbGw9ImJsYWNrIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3N2Zz4=);
}

.Product_Detail_page .product_desi_button {
  background-color: #000;
}

.Product_Detail_page .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--white-color);
  border: 0;
  padding: 8px 30px;
  background-color: #000;
}

.Product_Detail_page .nav-pills .nav-link {
  padding: 8px 30px;
  background: #f1f1f1;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
  color: #626262;
}

.product_Vendor_Details_block .nav-item {
  margin-right: 40px;
}

.product_dis_img img {
  width: 1000px;
  height: 216px;
  object-fit: cover;
}

.Material_spec_block {
  border: 1px solid #e3e3e3;
  padding: 11px 25px;
  position: relative;
  border-radius: 12px;
  margin-bottom: 30px;
}

.materialBoxTitle1,
.materialBoxTitle2 {
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.MaterialSpecBox1 span {
  display: block;
  font-size: 14px;
  color: #000;
  font-weight: 500;
}

.MaterialViewBox3 {
  position: absolute;
  right: 25px;
  bottom: 20px;
}

.materialBoxTitle1 {
  background: #f1f1f1;
  min-width: 238px;
}

.productVendorStorebox {
  padding-top: 50px;
}

.QuesText,
.QuesTitle {
  font-size: 16px;
  color: #626262;
}

.Max {
  float: right;
  text-align: right;
  padding-left: 5px;
  line-height: 16px;
}

.QuesTitle {
  font-weight: 700;
  margin-bottom: 5px;
}

.questionCard {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.box_slider_block .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: -30px;
  z-index: 1;
}

.box_slider_block .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: -30px;
  z-index: 1;
}

.checkout_img img,
.desc_imgFull,
.sale-section-banner .swiper {
  width: 100%;
  height: 100%;
}

.sale-section-wrapper {
  margin: 60px 0 70px;
}

.sale-section-banner .swiper-slide {
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
}

.sale-section-banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 20px;
}

.sale-section-banner .swiper-button-next,
.sale-section-banner .swiper-button-prev {
  cursor: pointer;
  color: var(--swiper-navigation-color, #fff);
}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMC4yOTI4OTMgNy4yOTI4OUMtMC4wOTc2MzExIDcuNjgzNDIgLTAuMDk3NjMxMSA4LjMxNjU4IDAuMjkyODkzIDguNzA3MTFMNi42NTY4NSAxNS4wNzExQzcuMDQ3MzggMTUuNDYxNiA3LjY4MDU0IDE1LjQ2MTYgOC4wNzEwNyAxNS4wNzExQzguNDYxNTkgMTQuNjgwNSA4LjQ2MTU5IDE0LjA0NzQgOC4wNzEwNyAxMy42NTY5TDIuNDE0MjEgOEw4LjA3MTA3IDIuMzQzMTVDOC40NjE1OSAxLjk1MjYyIDguNDYxNTkgMS4zMTk0NiA4LjA3MTA3IDAuOTI4OTMyQzcuNjgwNTQgMC41Mzg0MDggNy4wNDczOCAwLjUzODQwOCA2LjY1Njg1IDAuOTI4OTMyTDAuMjkyODkzIDcuMjkyODlaTTE2IDdMMSA3VjlMMTYgOVY3WiIgZmlsbD0id2hpdGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvc3ZnPg==);
  font-size: 18px;
  font-weight: 700;
}

.menCardBox img {
  width: 100%;
  border-radius: 20px 20px 0 0;
  object-fit: cover;
  height: 140px;
  transition: 0.5s;
}

.saleCardImgTop .menCardBox {
  overflow: hidden;
  display: block;
  border-radius: 20px 20px 0 0;
}

.menCardBox img:hover {
  transform: scale(1.1);
  border-radius: 20px 20px 0 0;
}

.saleCardTop {
  background-color: var(--white-color);
  border-radius: 0 0 20px 20px;
  box-shadow: 2px 3px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  font-size: 12px;
  font-weight: 700;
  color: var(--primary-color);
}

.sale_product_heading {
  font-size: 34px;
  font-weight: 700;
  color: #000;
  margin: 0 0 30px;
}

.SaleImgCard img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.ChristmasSaleImg img {
  width: 100%;
  height: 230px;
  border-radius: 20px;
}

.sale-product-btn .proCartBtn,
.sale-product-btn .proCartBtnborder {
  padding: 8px;
}

.CardAmountBtn {
  font-size: 30px;
  font-weight: 600;
  color: var(--white-color);
  background: linear-gradient(#feae5d, #f37d28);
  padding: 15px 20px;
  border-radius: 12px;
  width: 175px;
  text-align: center;
  cursor: pointer;
}

.GiftShopTitle {
  font-size: 22px;
  color: #000;
  font-weight: 700;
  margin-bottom: 30px;
}

.Gift_Categories_block,
.ShopGiftCardBlock,
.Shop_Gift_Cards1,
.Shop_Gift_Cards2,
.Wishists_product,
.bankListCard,
.form-inputMargin .form-group,
.menu_column_title,
.product_Vendor_Details_block,
.success-address p:last-child {
  margin-bottom: 24px;
}

.cardAmountBox {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}

.saleCardInput .form-control {
  border: 1px solid #979797;
  width: 197px;
  border-radius: 8px;
  height: 56px;
  font-weight: 600;
  font-size: 17px;
  color: #737791;
}

.saleCardInput .form-control::-webkit-input-placeholder {
  color: #737791;
}

.saleCardButton .btn-primary {
  background-color: #000;
  font-size: 16px;
  padding: 12px 25px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #000;
  margin-top: 15px;
  text-align: center;
}

.MoneyCardButton .btn-primary:hover,
.saleCardButton .btn-primary:hover {
  background-color: #4fd1c5;
  border: 1px solid #4fd1c5;
}

.cardAmountBlocks {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.cardProceedBox {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

.Shop_Gift_Cards1 .Featured-Gift-box img {
  width: 100%;
  height: 232px;
  border-radius: 15px;
}

.Shop_Gift_Cards2 .Featured-Gift-box img {
  border-radius: 15px;
  width: 100%;
  height: 186px;
}

.Gift_Categories_box {
  width: 20%;
}

.Gift_Categorise_title {
  position: absolute;
  bottom: 20px;
  left: 25px;
  color: var(--white-color);
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}

.NotAvilable,
.shareCartBtn {
  font-size: 14px;
  white-space: nowrap;
}

a.Gift_Categories_img:hover img {
  transform: scale(1.1);
}

.ProfileEditBtn:hover {
  box-shadow: 0 4px 12px rgba(255, 128, 0, 0.6);
  background-color: #ff9900;
}

a.Gift_Categories_img {
  display: block;
  overflow: hidden;
  border-radius: 15px;
}

.Gift_Categories_img img {
  height: 202px;
  width: 100%;
  border-radius: 15px;
  object-fit: cover;
  transition: 0.5s;
}

.Wishists_product_input {
  width: 374px;
  position: relative;
}

.Wishists_product_input .form-control {
  padding: 7px 16px;
  padding-left: 35px;
  border-radius: 4px;
}

.wishistsearchIconBtn {
  padding: 0;
  border: 0;
  background-color: transparent;
  position: absolute;
  top: 7px;
  left: 10px;
  color: var(--secondary-color);
}


.wishistsImgCard {
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  height: 235px;
  background-color: #fbfbfb;
  max-height: 235px;
  width: 45%;
}

.list-view .product-btnGroup {
  display: flex;
  gap: 15px;
  max-width: 300px;
}

.proPriRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px 0 0;
}

.wishistsImgCardBox {
  display: flex;
  column-gap: 20px;
  padding: 0 15px;
}

.wishistsImgCard img {
  min-width: 235px;
  height: 100%;
  object-fit: contain;
  background-color: #f5f5f5;
}

.shareCartBtn {
  display: block;
  padding: 11px 15px;
  border: 2px solid var(--border-color);
  font-weight: 500;
  background-color: transparent;
  color: var(--para-color);
  text-align: center;
  border-radius: 8px;
  width: 100%;
}

.shareCartBtn:hover {
  color: var(--white-color);
  border: 2px solid #000;
  background: #000;
}

.wishists_Input_Btn_box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 15px;
}

.wishistsImgCardBox .proStars {
  line-height: 1;
  padding: 10px 0;
}

.NotAvilable {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;
  font-weight: 700;
}

.RemoveProductBtn,
.check_Coach_title h3,
.remove_product_red {
  font-size: 16px;
  font-weight: 500;
}

.WishistNotAvilable .StarCount,
.WishistNotAvilable .ofrProPri,
.WishistNotAvilable .ofrTag,
.WishistNotAvilable .proPri,
.WishistNotAvilable .proTitle {
  color: #a5a5a5;
}

.RemoveProductBtn {
  color: var(--white-color);
  background: #000;
  padding: 8px 25px;
  border-radius: 8px;
  border: 1px solid #000;
  width: 100%;
  display: block;
  text-align: center;
}

.remove_product_red,
.remove_product_red:hover {
  color: #ff3232;
  text-decoration: underline;
}

.LeftBlockTitle {
  color: #000;
  font-size: 46px;
  font-weight: 700;
  line-height: 69px;
  margin-bottom: 32px;
  text-align: center;
}

.Checkout_card_box {
  padding: 32px 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
}

.address_inputPosition {
  position: absolute;
  right: 26px;
  top: 26px;
  border: 2px solid var(--para-color);
  background: 0 0;
  margin: 0;
}

.address_inputPosition.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23F37D28'/%3e%3c/svg%3e");
  background-color: transparent;
  border-color: var(--primary-color);
  background-size: 15px;
  background-position: center;
}

.Checkout_Addresse_card input:checked+.Checkout_card_box,
.bankListAccordion .accordion-button:not(.collapsed) .accordionRadioStyle {
  border: 1px solid var(--primary-color);
  background-color: rgba(245, 146, 75, 0.1);
}

.Checkout_Addresse_card input:checked+.Checkout_card_box .address_area_title,
.list-grid-toggle div.active,
.total-amount {
  color: var(--primary-color);
}

.Checkout_Addresse_card input:checked+.Checkout_card_box .address_sub_title {
  color: var(--secondary-color);
}

.CheckoutProcessAddrse .accordion-button:focus {
  z-index: 3;
  border-color: transparent;
  outline: 0;
  box-shadow: none;
}

.CheckoutProcessAddrse .accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow: none;
}

.CheckoutProcessAddrse .accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: 0;
}

.CheckoutProcessAddrse .accordion-button:not(.collapsed)::after {
  transform: var(--bs-accordion-btn-icon-transform);
  background-image: var(--bs-accordion-btn-icon);
}

.CheckoutProcessAddrse .accordion {
  --bs-accordion-btn-padding-x: 0rem;
  --bs-accordion-body-padding-x: 0rem;
  --bs-accordion-body-padding-y: 2rem;
}

.CheckoutAddrseTitle {
  border-bottom: 1px solid #333;
}

.CheckoutProcessAddrse .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.CheckoutProcessAddrse .accordion-body {
  padding-right: 50px;
}

.CheckoutProcessAddrse .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.check_card_adderss {
  margin-top: 0;
  margin-bottom: 30px;
}

.Checkout_info_totals {
  text-align: center;
  padding: 10px 0 28px;
}

.Checkout_info_title {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 0;
}

.check_Coach_img img {
  width: 40px;
  height: 40px;
  max-width: 40px;
}

.check_Coach_img img:not([srcset]) {
  display: inline-block;
  color: var(--para-color);
  font-size: 14px;
  text-align: center;
  line-height: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f0f0f0;
}

.checkOrder_title h3 span,
.pro_features_label span,
.summary-border-box .cart-summary-row span:first-child,
.top_deals_list li a {
  color: var(--para-color);
}

.checkYour_orders {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex: auto;
}

.checkOrder_quantity {
  display: flex;
  gap: 14px;
  white-space: nowrap;
}

.averageStarBox p,
.checkOrder_quantity p,
.checkout_couponDesc,
.pro_controls_label {
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.checkOrder_title h3 {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.checkOrder_title p {
  color: var(--secondary-color);
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 8px;
}

.check_Coach_box1,
.check_Coach_box2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.Cart_Total_title,
.TotalPriceCart {
  justify-content: space-between;
  display: flex;
}

.check_Coach_title h3 {
  margin: 0;
  color: #171520;
}

.check_Coach_title p {
  color: #626262;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.Cart_Total_title h3,
.Cart_Total_title span {
  color: #1e1e1e;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.check_Coach_block {
  border: 1px solid #93aac5;
  padding: 20px;
  border-radius: 2px;
}

.Check_address_inputs {
  position: absolute;
  right: 10px;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
  top: 17px;
}

.Check_my_address_inputs {
  position: relative;
  margin-top: 34px;
}

.Cart_Totals_block {
  border: 1px solid #b6b6b6;
  padding: 20px;
  border-radius: 2px;
  background: rgba(242, 242, 242, 0.4);
}

.Cart_Total_title {
  border-bottom: 2px solid rgba(78, 78, 97, 0.2);
  padding-bottom: 8px;
  padding-top: 34px;
}

.CartTotalTitle2 h3,
.CartTotalTitle2 span {
  color: #b22234;
}

.CartTotalTitle3 h3,
.CartTotalTitle3 span {
  color: #5a9af9;
}

.CartTotalTitle4 h3,
.CartTotalTitle4 span {
  color: #17a54f;
}

.TotalPriceCart {
  padding-top: 110px;
}

.TotalPriceCart h3,
.TotalPriceCart span {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  color: #1e1e1e;
}

.hero_banner_wrapper img {
  width: 100%;
  min-height: 396px;
  max-height: 396px;
  object-fit: cover;
  border-radius: 20px;
}

.hero_banner_wrapper .swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 50px;
  right: auto;
}

.hero_banner_wrapper .swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 50px;
  left: auto;
}

.all_reviews_modal .modal-content {
  border: 0;
  border-radius: 20px;
  padding: 20px;
}

.all_reviews_modal .modal-dialog-scrollable .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.all_reviews_modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 10px;
  height: 5px;
  border-radius: 70px;
}

.all_reviews_modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 5px;
}

.all_reviews_modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background: #f4f4f4;
  border-radius: 70px;
}

.all_reviews_modal .modal-title {
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 700;
  color: #000;
}

.TabelCartSection .myCartColorSize {
  color: #697687;
  font-size: 14px;
  margin: 0;
  padding-bottom: 2px;
  font-weight: 500;
}

.TabelCartSection .myCartSaveRemoveBox h5 {
  color: #697687;
  font-size: 16px;
}

.TabelCartSection .myCartSaveRemoveBox {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.myCartMainTilte {
  font-size: 20px;
  color: #444a6d;
  padding-bottom: 9px;
  line-height: 1;
}

.TabelCartSection .my_Cart_border {
  border-bottom: 1px solid #e1e1e4;
}

.TabelCartSection .myCartImg img {
  width: 124px;
  height: 124px;
  border-radius: 8px;
}

.TabelCartSection table tr th {
  font-size: 18px;
  color: #172238;
  padding: 20px;
  vertical-align: top;
  white-space: nowrap;
  font-weight: 400;
}

.TabelCartSection table tr td {
  font-size: 18px;
  color: #697687;
  font-weight: 600;
}

.TabelCartSection .CartproductReturn {
  color: #626262;
  font-size: 16px;
  font-weight: 400;
}

.TabelCartSection .CartproductReturn span {
  font-weight: 600;
  color: #626262;
}

.TabelCartSection .CartproductQuantityBox {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  justify-content: center;
}

.CartImgText {
  position: absolute;
  left: -12px;
  top: 20px;
  background-color: var(--primary-color);
  padding: 2px 8px;
  color: var(--white-color);
  font-size: 20px;
}

.TabelCartSection .table-borderless> :not(caption)>*>* {
  padding: 18px 10px 10px;
  vertical-align: top;
  border-bottom: 1px solid #e1e1e4;
}

.CartNotAvailable .ofrProPri,
.CartNotAvailable .proTitle {
  color: rgba(105, 118, 135, 0.46);
}

.CartproductQuantityBox .form-select {
  background-image: url(../img/down-arrow\ 7.png);
  background-size: 14px 12px;
}

.myCartColorSendBox {
  display: block;
  color: #697687;
  padding-bottom: 6px;
  font-size: 14px;
}

.otherSellerAmount,
.productDateSeller {
  display: flex;
  gap: 15px;
}

.myCartColorSendBox span {
  color: #697687;
  font-weight: 500;
  font-size: 14px;
}

.myCartColorMessBox {
  color: #697687;
  font-size: 14px;
  padding-bottom: 19px;
}

.CartArrowBox {
  position: absolute;
  top: 3px;
  right: 44px;
  z-index: 1;
}

.OtherSellersBlock {
  margin-bottom: 62px;
}

.InputEditBtn,
.search-icon {
  position: absolute;
  right: 15px;
  top: 15px;
}

.ProfileEditBtn {
  position: absolute;
  right: 10px;
  bottom: 0px;
  background-color: #ff8000;
  justify-content: center;
  padding: 4px;
  color: var(--white-color);
  border-radius: 50%;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

.inneditBtn input {
  padding-right: 40px !important;
}

.uploadedPdf .deleteUploaded {
  position: absolute;
  right: -4px;
  top: -6px;
  font-size: 12px;
  color: red;
  cursor: pointer;
}

.uploadedPdf img {
  max-width: 40px;
  width: 40px;
  height: 35px;
}

.uploadedRow {
  gap: 15px;
  margin: 10px 0;
}

.uploadedRow p {
  font-size: 12px;
  width: 30px;
  overflow: hidden;
  margin-bottom: 0;
  white-space: nowrap;
}

.return-card-popup .ReturnItemImg img,
.userimg img {
  width: 124px;
  height: 124px;
}

.swiper-rtl .swiper-button-prev {
  left: -4px !important;
  right: auto !important;
  z-index: 3;
}

.swiper-rtl .swiper-button-next {
  right: -4px !important;
  left: unset !important;
  z-index: 3;
}

.offersSlider .swiper-button-next,
.offersSlider .swiper-button-prev {
  color: var(--white-color);
  width: 55px;
  height: 55px;
  background: #000;
  border-radius: 50%;
}

.offersSlider .swiper-button-prev::after,
.offersSlider .swiper-rtl .swiper-button-next::after {
  width: 55px;
  height: 55px;
  background: #000;
  border-radius: 50%;
  color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Gift-card-popup .all_reviews_modal .modal-content {
  border: 0;
  border-radius: 20px;
  padding: 0 0 50px;
}

.Gift-card-popup .modal-content.Gift-card-block img {
  border-radius: 20px 20px 0 0;
  width: 100%;
  height: 214px;
}

.Gift-card-popup .GiftCardEmail {
  display: inline-block;
  border: 1px solid #000;
  padding: 8px 40px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  margin-top: 16px;
}

.Gift-card-popup .GiftCardEmail:hover {
  border: 1px solid #000;
  background: #000;
  color: var(--white-color);
}

.Gift-card-popup .GiftCardDetailsBox {
  display: inline-block;
  padding: 19px 100px 0;
}

.Gift-card-popup .GiftCartInputBox {
  padding: 32px 100px 0;
}

.Gift-card-popup .GiftPopupBtn {
  background-color: var(--primary-color);
  color: var(--white-color);
  border: 1px solid var(--primary-color);
  padding: 8px 30px;
  border-radius: 0.375rem;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  width: 100%;
  display: block;
}

.Gift-card-popup .GiftAddToCart {
  display: inline-block;
  margin: 32px 0 51px;
}

.return-card-popup .popupCartUSD {
  font-size: 22px;
  font-weight: 600;
  color: #697687;
  margin: 0;
}

.return-card-popup .all_reviews_modal .modal-content {
  border: 0;
  border-radius: 20px;
  font-family: Poppins, sans-serif !important;
  padding: 30px 60px;
}

.return-card-popup .CartproductReturn {
  font-size: 18px;
  color: #626262;
  font-weight: 500;
}

.popup_button_Box {
  margin-top: 22px;
}

.return-card-popup .myCartMainTilte {
  font-size: 20px;
  color: #444a6d;
  font-weight: 700;
}

.return-card-popup .popupSubTitle {
  font-size: 20px;
  color: #000;
  font-weight: 700;
  padding-bottom: 22px;
  padding-top: 30px;
}

.ReturnPopupDitails .popupSelectBox {
  margin: 30px 0 0;
}

.ReturnPopupDitails .popupSubTitle {
  padding-top: 5px;
  padding-bottom: 10px;
}

.ReturnPopupDitails .payment_saved_cards {
  margin-top: 10px;
  display: flex;
}

.ReturnPopupDitails .new_active_btn {
  border: 1px solid #000;
  color: #000;
  opacity: 50%;
}

.noonmar_popup_btn {
  padding: 9px 36px;
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 6px;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
}

.Balance_Wallet_box {
  padding: 70px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.AddBalanceBoxBtn {
  padding: 10px 40px;
  background-color: var(--white-color);
  color: #000;
  font-size: 24px;
  text-align: center;
  font-weight: 600;
  display: block;
}

.add_frames,
.headerMenuBar .menu-items .dropdown li:hover {
  background-color: #f2f2f2;
}

.AddBalanceBoxBtn i {
  padding-left: 8px;
}

.AddBalanceBoxBtn:hover {
  background-color: #000;
  color: var(--white-color);
}

.AddMoneyCardTitle {
  font-weight: 400;
  margin: 0;
  padding-bottom: 35px;
  font-size: 24px;
  color: #13101e;
}

.WalletBalanceBox h4 {
  color: var(--white-color);
  font-size: 25px;
  font-weight: 500;
  margin: 0;
  padding-bottom: 20px;
}

.WalletBalanceBox span {
  font-size: 60px;
  color: var(--white-color);
  font-weight: 700;
  margin: 0;
}

.AddMoneyCardInput .form-control {
  border: 1px solid #979797;
  width: 367px;
  border-radius: 8px;
  background-color: var(--white-color);
  height: 48px;
  font-weight: 600;
  font-size: 17px;
  color: #737791;
}

.AddGiftCardInput .form-control {
  border: 1px solid #979797;
  width: 246px;
  border-radius: 8px;
  background-color: var(--white-color);
  height: 48px;
  font-weight: 600;
  font-size: 17px;
  color: #737791;
}

.MoneyCardButton .btn-primary {
  background-color: var(--primary-color);
  font-size: 14px;
  padding: 12px 30px;
  font-weight: 500;
  border-radius: 5px;
  border: 1px solid var(--primary-color);
  margin-top: 15px;
  text-align: center;
}

.AddMoneyFramesBox {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0 20px;
}

.add_frames {
  border-radius: 30px;
  padding: 7px 20px 9px;
  color: #697687;
  font-size: 14px;
  font-weight: 500;
  margin: 0 10px 0 0;
}

.WalletTransactionHistory .table-borderless> :not(caption)>*>*,
.order_id {
  padding: 15px 20px;
}

.CardRightBorder::before {
  position: absolute;
  content: "";
  right: 25px;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 257px;
  background-color: rgba(0, 0, 0, 0.12);
}

.WalletPaymentMethod {
  margin-top: 68px;
}

.WalletTransactionHistory .wallet_dropdown_Btn .btn-secondary,
.WalletTransactionHistory .wallet_dropdown_Btn .btn-secondary:active {
  color: var(--white-color);
  border: 0;
  padding: 9px 25px;
  border-radius: 0;
  font-size: 18px;
  background-color: var(--primary-color);
  font-weight: 600;
}

.WalletTransactionHistory .wallet_dropdown_Btn2 .btn-secondary,
.WalletTransactionHistory .wallet_dropdown_Btn2 .btn-secondary:active {
  border-radius: 0;
  padding: 9px 25px;
  background-color: var(--white-color);
  color: #979797;
  font-size: 18px;
  font-weight: 600;
  border: 1px solid #93aac5;
}

.WalletTransactionHistory .Transaction_wallet_drop {
  display: flex;
  gap: 20px;
  margin-top: 25px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.WalletTransactionHistory .Transaction_wallet_drop .dropdown-toggle::after {
  margin-left: 0.7em;
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}

.WalletTransactionHistory .Transaction_wallet_drop .btn:focus-visible {
  outline: 0;
  box-shadow: none;
}

.WalletTransactionHistory .walletDropMenuBtn {
  width: 100%;
  text-align: center;
  padding: 6px 15px;
  border-radius: 14px;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}

.WalletTransactionHistory .walletMenuBtn1 {
  background-color: rgba(50, 147, 111, 0.12);
  color: #32936f;
}

.WalletTransactionHistory .walletMenuBtn2 {
  background-color: rgba(245, 126, 119, 0.12);
  color: rgba(255, 25, 11, 0.81);
}

.WalletTransactionHistory .walletMenuBtn3 {
  background: rgba(64, 117, 255, 0.16);
  color: #2d9cdb;
}

.WalletTransactionHistory .table-border-spacing .shadow-effect {
  background: var(--white-color);
  border: 1px solid #f8f9fa;
  box-shadow: 0 4px 20px rgba(238, 238, 238, 0.901967);
  border-radius: 10px;
}

.WalletTransactionHistory .table-border-spacing {
  border-spacing: 0px 15px;
  border-collapse: unset;
}

.WalletTransactionHistory .HistoryItemTitle {
  font-size: 16px;
  margin: 0;
  color: #697687;
  white-space: nowrap;
}

.WalletTransactionHistory .AmountTabelTitle1 {
  color: #66c6c2;
  font-size: 14px;
  margin: 0;
  display: block;
}

.WalletTransactionHistory .AmountTabelTitle2 {
  color: #ff3232;
  font-size: 14px;
  margin: 0;
  display: block;
}

.WalletTransactionHistory .HistoryItemSubTitle {
  font-size: 14px;
  margin: 0;
  display: block;
  color: #697687;
  font-family: Poppins, sans-serif !important;
  font-weight: 500;
}

.TransactionHistoryTable tr td {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.TransactionHistoryTable tr td:first-child {
  border-left: 1px solid #000;
  border-radius: 10px 0 0 10px;
}

.TransactionHistoryTable tr td:last-child {
  border-right: 1px solid #000;
  border-radius: 0 10px 10px 0;
}

.TransactionHistoryTable tr:nth-child(odd) td {
  border-color: #b22234;
}

.TransactionHistoryTable tr:nth-child(2n) td {
  border-color: #66c6c2;
}

.order_id {
  background-color: #f1f1f1;
  border-radius: 4px;
}

.order_id h4 {
  color: #697687;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.order_details_block {
  display: flex;
  gap: 30px;
  justify-content: space-between;
  margin: 25px 0;
}

.userimg img {
  border-radius: 8px;
  object-fit: cover;
}

.valueText {
  font-size: 22px;
  color: #697687;
  margin-top: 10px;
}

.proTags span {
  font-weight: 500;
  font-size: 14px;
  color: #697687;
  min-width: 50%;
}

.proNme {
  font-size: 20px;
  color: #444a6d;
  margin-bottom: 1px;
}

.proStatusTag {
  background: var(--white-color);
  border: 1px solid #697687;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  color: #93aac5;
  padding: 10px 30px;
  margin-bottom: 18px;
  white-space: nowrap;
}

.proStatusTag.activeStatus {
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  color: var(--white-color);
}

.proStatusTag.completeStatus {
  border: 1px solid #dedede;
  background: #dedede;
  color: #000;
}

.userimg {
  margin-right: 24px;
}

.user_block {
  display: flex;
  align-items: flex-start;
}

.proTags {
  display: flex;
  flex-wrap: wrap;
}

.estimateDate {
  font-weight: 600;
  font-size: 18px;
  color: #697687;
  margin-top: 13px;
  white-space: nowrap;
}

.AddressNme {
  font-weight: 500;
  font-size: 20px;
  color: #171520;
  margin: 13px 0 15px;
}

.AddressDtl {
  font-weight: 500;
  font-size: 14px;
  color: #828282;
  max-width: 270px;
}

.custom {
  border: 1px solid #f3f3f3;
  padding: 0;
  margin: 20px 0 30px;
}

.preview {
  position: relative;
  display: block;
}

.preview span.coverTag {
  position: absolute;
  left: 2px;
  font-size: 9px;
  background-color: var(--primary-color);
  color: var(--white-color);
  padding: 3px;
  border-radius: 3px;
  line-height: 1;
  top: 2px;
}

.orderSubTitle {
  font-weight: 700;
  font-size: 20px;
  color: #697687;
  margin-top: 10px;
  margin-bottom: 30px;
}

.btn.btn-bg-danger {
  background-color: #f64e60;
  border-color: #f64e60;
}

.checkGSTRow {
  display: flex;
  align-items: center;
  gap: 30px;
}

.accordion-item {
  margin-bottom: 15px;
  border: 1px solid #dee2e6;
  border-radius: 5px;
}

.bankListAccordion .accordion-button {
  border: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
}

.bankListAccordion .accordion-body {
  padding: 12px !important;
}

.bankListAccordion .accordion-item {
  margin-bottom: 20px;
  border-radius: 16px !important;
  border: 1px solid var(--border-color);
  /* padding: 24px; */
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 3px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background: #888;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.nav-pills .nav-link {
  text-align: left;
  color: #000;
}

.variantBody .checkGSTRow {
  gap: 20px;
}

.variantBody .custom_checkbox {
  display: flex;
  align-items: center;
  line-height: 1;
  flex-wrap: wrap;

}

#checkout-progress {
  width: 100%;
  margin: 0 auto;
  font-size: 2.5em;
  font-weight: 900;
  position: relative;
}

.CustomersDetails.custom_checkbox label {
  margin-left: 0 !important;
  padding-left: 5px;
}

.marginLeft {
  margin-right: 30px;
}

.meCard img,
.meCard video {
  max-height: 140px;
  width: 100%;
  height: 100vh;
  border-radius: 7px;
  object-fit: cover;
  object-position: center;
}

#checkout-progress:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 4px;
  width: 100%;
  background-color: var(--primary-color);
}

#checkout-progress:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  height: 20px;
  width: 100%;
  background-color: #2c3e50;
  -webkit-transform: scaleX(0) translateY(-50%) perspective(1000px);
  transform: scaleX(0) translateY(-50%) perspective(1000px);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}

#checkout-progress.step-2:after {
  -webkit-transform: scaleX(0.333) translateY(-50%) perspective(1000px);
  transform: scaleX(0.333) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-3:after {
  -webkit-transform: scaleX(0.666) translateY(-50%) perspective(1000px);
  transform: scaleX(0.666) translateY(-50%) perspective(1000px);
}

#checkout-progress.step-4:after,
#checkout-progress.step-5:after,
#checkout-progress.step-6:after {
  -webkit-transform: scaleX(1) translateY(-50%) perspective(1000px);
  transform: scaleX(1) translateY(-50%) perspective(1000px);
}

#checkout-progress .orderprogress-bar {
  width: 100%;
  display: flex;
  height: 100px;
  justify-content: space-between;
  align-items: center;
  padding-left: 11px;
  gap: 20px;
}

#checkout-progress .orderprogress-bar .step {
  z-index: 2;
  display: flex;
  position: relative;
  min-width: 150px;
  width: 150px;
  justify-content: center;
  flex-shrink: 0;
}

#checkout-progress .orderprogress-bar .step .step-label span {
  font-weight: 600;
  color: var(--secondary-color);
  display: block;
  font-size: 9px;
}

#checkout-progress .orderprogress-bar .step .step-label {
  position: absolute;
  top: calc(100% + 25px);
  left: 7px;
  -webkit-transform: translateX(-50%) perspective(1000px);
  transform: translateX(-50%) perspective(1000px);
  white-space: nowrap;
  transition: 0.3s;
  font-family: Poppins, sans-serif !important;
  font-weight: 600;
  text-align: center;
  color: var(--secondary-color);
  font-size: 15px;
}

#checkout-progress .orderprogress-bar .step.active .step-label,
#checkout-progress .progresorderprogresss-bar .step.active span {
  color: var(--secondary-color);
}

#checkout-progress .orderprogress-bar .step.valid .fa-check {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
  transform: translate3d(-50%, -50%, 0) scale(1) perspective(1000px);
}

#checkout-progress .orderprogress-bar .step.valid span {
  color: var(--secondary-color);
  -webkit-transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
  transform: translate3d(0, 0, 0) scale(2) perspective(1000px);
}

#checkout-progress .orderprogress-bar .step.valid .step-label {
  color: #4A4A4A !important;
}

#checkout-progress .orderprogress-bar .step:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 7px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) perspective(1000px);
  transform: translate(-50%, -50%) perspective(1000px);
  width: 30px;
  height: 30px;
  background-color: var(--white-color);
  border-radius: 50%;
  border: 2px solid var(--primary-color);
  transition: 0.3s;
}

#checkout-progress .orderprogress-bar .step.active:after {
  background-color: var(--primary-color);
}

#checkout-progress .orderprogress-bar .step.valid:after {
  background-color: var(--secondary-color);
  border: 5px solid var(--secondary-color);
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
  margin: 100px auto 0;
}

.button-container .btn {
  display: inline-block;
  background-color: #2c3e50;
  color: var(--white-color);
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 900;
  border: 3px solid #2c3e50;
  transition: 0.3s;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 767px) {
  .dashCard {
    padding: 10px !important;
  }

  .nav-pills .nav-link {
    font-size: 12px;
  }

  .marginLeft {
    margin-right: 10px;
  }

  .accordion-body {
    padding: 10px;
  }

  #checkout-progress {
    font-size: 1.5em;
  }

  #checkout-progress .orderprogress-bar .step .step-label {
    top: -12px;
    left: 45px;
    transform: unset;
    text-align: left;
  }

  #checkout-progress .orderprogress-bar {
    align-items: flex-start;
    height: 260px;
    flex-direction: column;
  }

  #checkout-progress:before {
    left: 17px;
    top: 7px;
    height: 100%;
    width: 2px;
  }

  #checkout-progress .orderprogress-bar .step:after {
    width: 25px;
    height: 25px;
  }

  #checkout-progress .orderprogress-bar .step.active:after {
    border: 2px solid var(--primary-color);
    width: 32px;
    height: 32px;
  }

  .opaque {
    font-size: 16px;
  }

  .button-container .btn {
    width: 100%;
    margin-bottom: 15px;
  }
}

.button-container .btn:hover {
  background-color: transparent;
  color: #2c3e50;
  -webkit-transform: scale(1.02) perspective(1000px);
  transform: scale(1.02) perspective(1000px);
}

ul.pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  cursor: pointer;
  column-gap: 0;
  margin-top: 15px;
}

ul.pagination li:last-child {
  margin-left: 10px;
  border-radius: 8px;
}

ul.pagination li:nth-last-child(2) {
  border-radius: 0 8px 8px 0;
}

ul.pagination li:nth-child(2) {
  border-radius: 8px 0 0 8px;
}

ul.pagination li:first-child {
  margin-right: 10px;
  border-radius: 8px;
}

.pagination li {
  background: #f1f1f1;
  padding: 4px;
  margin-bottom: 15px;
}

.pagination a {
  padding: 10px;
  color: #626262;
  border-radius: 8px;
  min-width: 38px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.pagination li.active a {
  color: var(--white-color);
  background: var(--primary-color);
}

.pagination__link--active a {
  color: var(--white-color);
  background: #6c7ac9;
}

.pagination__link--disabled a {
  color: #c6c5ca;
  border: 1px solid #c6c5ca;
}

.modalAddRow button {
  background-color: #ff852c;
  color: var(--white-color);
  border: 0;
  border-radius: 3px;
  width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modalAddRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5px;
}

.addRowCard,
.addTopRowCard,
.summary-offer-box {
  margin-bottom: 15px;
}

.addRowCard {
  display: flex;
  align-items: center;
  column-gap: 15px;
}

.section404 .mainbox {
  margin: auto;
  height: 100%;
  width: 100%;
  max-width: 600px;
  position: relative;
  padding: 80px 15px;
  min-height: calc(100vh - 700px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.searchinput .css-1fdsijx-ValueContainer,
.searchinput .css-qbdosj-Input {
  padding-bottom: 0;
  padding-top: 0;
}

.flexEr404 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.section404 .err {
  color: #6a6a6a;
  font-size: 9rem;
  line-height: 1;
}

.section404 .far {
  font-size: 8.5rem;
  color: var(--primary-color);
  margin: 0 20px;
}

.section404 .err2 {
  color: #6a6a6a;
  font-size: 11rem;
}

.section404 .msg {
  text-align: center;
  font-size: 18px;
  width: 100%;
}

.section404 .mainbox a {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
}

.section404 .mainbox p {
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.error-msg {
  color: red;
}

svg.star.active {
  color: #F37D28 !important;
}

.ProShareDropdown .form-group.custom_radio svg {
  min-width: 25px;
  min-height: 25px;
}

.ProShareDropdown .form-group.custom_radio button {
  width: 25px;
  height: 25px;
  display: flex;
}

.ProShareDropdown {
  position: absolute;
  top: 15px;
  left: 10px;
  z-index: 4;
}

.nofoundResult {
  text-align: center;
  padding: 30px 10px;
}

.searchinput .css-1u9des2-indicatorSeparator {
  width: 0;
}

.shareBtn button {
  font-size: 0 !important;
}

.shareBtn {
  display: flex;
  column-gap: 15px;
}

.Toastify__toast-container {
  z-index: 1000000 !important;
}

.instadata-active {
  border: 1px solid green;
}

.drag {
  top: 10px;
  left: 10px;
  display: block;
  width: 18px;
  height: 11px;
  opacity: 0.25;
  margin-right: 20px;
  cursor: grab;
  background: -webkit-linear-gradient(top,
      #000,
      #000 20%,
      #fff 0,
      #fff 40%,
      #000 0,
      #000 60%,
      #fff 0,
      #fff 80%,
      #000 0,
      #000);
  background: linear-gradient(180deg,
      #000,
      #000 20%,
      #fff 0,
      #fff 40%,
      #000 0,
      #000 60%,
      #fff 0,
      #fff 80%,
      #000 0,
      #000);
}

.new-clear {
  padding: 3px 30px !important;
  border-radius: 50px !important;
  background-color: #f37d28 !important;
  border-color: #f37d28 !important;
  color: var(--white-color) !important;
}

.design-input {
  font-family: -webkit-body !important;
}

.nav-area {
  display: flex;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px;
}

.logo {
  font-size: 25px;
  color: inherit;
  margin-right: 20px;
}

.menus {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
}

.menu-items {
  position: relative;
  font-size: 14px;
}

.menu-items a {
  display: block;
  font-size: inherit;
  color: inherit;
}

.menu-items button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  font-size: inherit;
  border: none;
  cursor: pointer;
  width: 100%;
  align-items: self-start;
}

.menu-items button,
.menu-items>a {
  text-align: left;
  padding: 0;
}

.arrow::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  vertical-align: 0.09em;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.825 0.912109L5 4.72878L1.175 0.912109L0 2.08711L5 7.08711L10 2.08711L8.825 0.912109Z' fill='%234A4A4A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  margin-top: 8px;
}

.headerMenuBar .dropdown {
  position: absolute;
  right: 0;
  left: auto;
  box-shadow: 0 10px 15px -3px rgba(46, 41, 51, 0.08),
    0 4px 6px -2px rgba(71, 63, 79, 0.16);
  z-index: 9999;
  min-width: 10rem;
  list-style: none;
  background-color: var(--white-color);
  border-radius: 16px;
  padding: 32px;
  display: none;
}

.headerMenuBar .dropdown .dropdown-submenu {
  position: absolute;
  left: 100%;
  top: 18px;
}

.headerMenuBar .menu-items .menu-items {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.headerMenuBar .menu-items .dropdown li a:hover,
.headerMenuBar .menu-items .dropdown li button:hover {
  background: unset;
}

.reelVideoActionBtn a.liked,
.reelVideoActionBtn a:hover {
  color: var(--primary-color);
  text-shadow: 0 0 0 rgba(0 0 0/0.7);
}

.reelVideoActionBtn a {
  display: block;
  margin-top: 14px;
  font-size: 17px;
  text-shadow: 0 0 3px rgba(0 0 0/0.7);
}

.reelVideoActionBtn {
  position: absolute;
  right: 13px;
  bottom: 20%;
  z-index: 99;
}

.reelDetailCard {
  position: absolute;
  left: 0;
  bottom: 15px;
  padding: 13px 13px 2px;
  width: 100%;
}

.reelDetailCard:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -8px;
  border-radius: 0 0 10px 10px;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0,
      rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
  height: 100%;
  -webkit-transition: 0.4s;
}

span.reelDescription {
  z-index: 9;
  position: relative;
  margin-top: 5px;
  display: block;
  font-size: 15px;
}

.swiper-video,
video.reel-videoTag {
  max-width: 100%;
  height: 420px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #fafafa;
  object-fit: cover;
  object-position: center;
  width: 100%;
  cursor: pointer;
}

.reel-videoCard {
  box-shadow: 0 0 6px 0 rgba(0 0 0/0.08);
  border-radius: 10px;
}

.reelUploadInfo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 9;
  position: relative;
  width: calc(100% - 6px);
}

.reelUploadName {
  font-size: 18px;
  width: calc(100% - 60px);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.reelUploadUser img {
  object-fit: cover;
  object-position: center;
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 10px;
}

.swiper-container {
  padding-bottom: 45px;
}

.swiper-container span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 35px;
  background-color: var(--primary-color);
  border-radius: 15px;
}

.select-reactSelect div.css-13cymwt-control {
  border-color: hsl(0deg 4.75% 89.25%);
  border-radius: 8px;
}

.select-reactSelect div {
  z-index: 9;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  margin: 0 !important;
}

/* .form-select- div {
  z-index: 9;
} */

.css-1dimb5e-singleValue {
  margin-left: 0;
  margin-right: 0;
  color: var(--secondary-color) !important;
  font-size: 16px;
  font-weight: 400;
}

.viewedBanner.smallBannerImage {
  max-height: 560px;
}

.VendorHeroBanner {
  background-image: url(http://192.168.235.245:7008/uploads/images/homepage/2023-04-25T13-56-10.158Z-1.jpg);
  background-size: cover;
  object-fit: cover;
  position: relative;
  background-position: center;
}

.VendorDetailscard {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  min-height: 420px;
  height: 100%;
}

.VendorHeroBanner:after {
  content: "";
  background-color: rgb(00 0 0/0.5);
  height: 100%;
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  top: 0;
}

.vendorPage .product-listingOrder {
  margin-top: 30px;
  margin-bottom: 30px;
}

.vendorTitleRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}

.vendorItemSearch input[type="text"] {
  padding: 10px 15px;
  font-size: 16px;
  background-color: var(--white-color);
  border: 1px solid #ccc;
  border-radius: 5px 0 0 5px;
}

.vendorItemSearch button {
  padding: 10px;
  background: #ddd;
  border: 1px solid #ddd;
  font-size: 17px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}

.reel_box .video_track {
  background: var(--white-color);
  border: 1px solid #f8f9fa;
  box-shadow: 0 4px 20px rgba(238, 238, 238, 0.501967);
  border-radius: 10px;
  padding: 10px;
  position: relative;
  max-width: 320px;
  margin: auto;
}

.reel_box .reelDetailCard {
  bottom: 32px;
}

.reel_box .reelVideoActionBtn {
  right: 16px;
}

.reel_box video::-webkit-media-controls-enclosure {
  display: none;
}

.reel_box video::-webkit-media-controls-container {
  display: -moz-none !important;
  display: -webkit-none !important;
}

.swiper_moadl_reels .swiper-video,
.swiper_moadl_reels video.reel-videoTag {
  height: 80vh;
  object-fit: fill;
  width: auto;
}

.swiper_moadl_reels .swiper-video {
  box-shadow: 0 0 6px 0 rgba(0 0 0/0.08);
}

.swiper_moadl_reels .modal-content {
  width: auto;
  margin: auto;
}

.swiper_moadl_reels .btn-close {
  position: fixed;
  right: 40px;
  top: 40px;
  background-color: var(--white-color);
}

.swiper_moadl_reels .modal-header {
  padding: 0;
  border: 0;
}

.checkout_input_track input:checked~.label_title,
.payment_method_active {
  background-color: var(--primary-color);
  color: var(--white-color);
}

#checkout-progress .orderprogress-bar .step.active:after {
  width: 35px;
  height: 35px;
  border: 3px solid var(--primary-color);
}

.opaque {
  font-size: 15px;
  color: var(--white-color);
}

#react-select-8-placeholder,
[id^="react-select"][id$="-listbox"] {
  z-index: 99;
}

.theia-sticky {
  min-height: 0 !important;
}

.nav_right_notification .dropdown-menu {
  min-width: 284px;
  right: 0 !important;
  max-width: 410px;
}

.nofoundResult .msgTitle {
  font-size: 16px;
  color: #000;
}

.star-widget {
  display: flex;
  flex-direction: row-reverse;
  margin-bottom: 24px;
  margin-top: 16px;
  gap: 12px;
  justify-content: center;
}

.star-widget label {
  font-size: 35px;
  color: #e7e7e7;
  transition: 0.2s;
}

input:checked~label,
input:not(:checked)~label:hover,
input:not(:checked)~label:hover~label {
  color: #e3833e;
}

.star-widget form {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.review_textarea {
  border-radius: 4px;
  background: #f1f1f1;
  border: 0;
  width: 100%;
}

.review_order_file {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px;
}

.review_img {
  height: 75px;
  max-width: 75px;
  border-radius: 8px;
  object-fit: cover;
}

.img__upload_btn {
  display: inline-flex;
  padding: 30px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  border: 1px dashed var(--primary-color);
  cursor: crosshair;
  width: 100%;
  background: rgba(245, 146, 75, 0.10);
}

.img_upload_label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--primary-color);
  font-size: 18px;
  cursor: crosshair;
  font-weight: 500;
}

.img_upload_label p {
  color: var(--primary-color);
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 400;

}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.my_Cart_border .MyCartBlock {
  max-width: 438px;
  font-size: 15px;
  min-width: 400px;
}

.my_Cart_border td {
  white-space: normal !important;
}

.cartCounter {
  z-index: 1;
  position: absolute;
  background-color: var(--primary-color);
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 500;
  color: var(--white-color);
  right: -8px;
  line-height: 1;
  top: -2px;
  padding: 1px 0 4px;
}

.accordion-category .stock-checkBox.height-checkBox {
  max-height: 280px;
  overflow-y: scroll;
}

.search-output {
  display: none;
  position: absolute;
  left: 0;
  top: 91px;
  background: var(--white-color);
  opacity: 1;
  z-index: 99;
  width: 100%;
  padding: 32px;
  border-radius: 16px;
  /* max-height: calc(100vh - 250px); */
  overflow: auto;
}

.headerMenuBar .navbar-nav.menus>li>.dropdown.show {
  top: 89px;
}

#header.is-sticky .headerMenuBar .navbar-nav.menus>li>.dropdown.show {
  top: 56px;
}

#header.is-sticky .search-output {
  top: 76px;
}

.deals-output {
  left: 0;
  right: 0;
  max-width: 1432px;
  margin: 0 auto;
}

.main-search {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.filter-side ul {
  display: flex;
  padding: 0;
  list-style: none;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.filter-side ul li {
  border: 1px solid #ddd;
  padding: 4px 13px;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
}

.All-productShow .productImgCard {
  padding: 0;
  height: 140px;
}

.All-productShow .productImgCard img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
}

.productCard .productImgCard img,
.productImgCard .swiper-slide img {
  object-fit: contain;
  object-fit: contain;
}

.map-img img,
.product-images img,
.productImgCard img {
  object-fit: cover;
}

.All-productShow .ofrTag,
.All-productShow .proPri {
  font-size: 12px;
}

.All-productShow .ofrProPri {
  font-size: 12px;
  line-height: 19px;
}

.filter-side {
  flex: 1 0 230px;
  width: 100%;
}

.All-productShow {
  max-height: 80vh;
  width: 100%;
  padding: 10px;
  /* height: 100vh; */
  overflow: hidden auto;
  flex: 1 0 400px;
}

.categories-heading {
  font-size: 21px;
  margin-bottom: 10px;
}

.All-productShow .productCard {
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
  padding: 15px;
}

.review_order_file .trash_icon_image {
  position: absolute;
  right: 4px;
  top: 4px;
  background: var(--white-color);
  padding: 4px;
  border-radius: 4px;
  color: #ff0a0a;
  font-size: 14px;
}


.review_preview_first+.img__upload_btn {
  height: 80px;
  flex: unset;
  border: 2px dotted #ddd;
  min-width: 192px;
}

.menuoverlay {
  position: fixed;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  display: none;
  z-index: 20;
}

.close-search {
  height: 30px;
  width: 30px;
  position: absolute;
  right: -8px;
  top: -13px;
  border-radius: 50%;
  display: grid;
  background-color: var(--white-color);
  place-items: center;
  border: 1px solid #ddd;
}

.close-search svg {
  height: 16px;
}

.All-productShow .row {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 0px !important;
}

.product-listingOrder .categoryFilter .form-select {
  width: 198px;
  height: 46px;
}

.categoryFilter .dark-form-control {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  padding: 0 6px 0 5px;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  border: 0;
  min-height: auto;
  height: auto !important;
  background-color: var(--white-color);
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 16px 12px;
  width: fit-content !important;
}

.categoryFilter .col-form-label {
  flex-shrink: 0;
}

.productImgCard {
  --aspect-ratio: unset;
  position: relative;
  height: 258px;
  padding-top: unset;
}

.productImgCard .swiper-slide {
  height: 250px;
  border-radius: 0 !important;
}

.productImgCard .swiper-slide img {
  position: relative;
  scale: 0.9;
  scale: unset;
  border-radius: 0 !important;
}

.productImgCard .swiper-container span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.wishistsImgCard .swiper-container span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 8px;
}

.wishistsImgCard .swiper-slide {
  height: 235px;
}

.wishistsImgCard .swiper-horizontal>.swiper-pagination-bullets,
.wishistsImgCard .swiper-pagination-bullets.swiper-pagination-horizontal,
.wishistsImgCard .swiper-pagination-custom,
.wishistsImgCard .swiper-pagination-fraction {
  bottom: 50px;
}

.product_detailPg .swiper-rtl .swiper-button-next,
.product_detailPg .swiper-rtl .swiper-button-prev {
  background: 0 0;
}

.product_detailPg .swiper-rtl .swiper-button-next {
  rotate: unset;
}

.footerSection {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.CopyRightBox {
  text-align: left;
}

.footerPeymentIcon {
  margin-bottom: 0;
  list-style: none;
  display: flex;
  align-items: center;
  column-gap: 16px;
  justify-content: center;
}

.productCard {
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  height: 100%;
}

.productCard:hover {
  box-shadow: 0 16px 40px -8px rgba(88, 92, 95, 0.16);
}

.bottom-navbar .nav-item.active,
.bottom-navbar .nav-item.active svg,
.bottom-navbar .nav-item:hover,
.bottom-navbar .nav-item:hover svg,
.choose_cateBox:hover .choose_cateName,
.pro_list_card:hover .proTitle,
.productCard:hover .proTitle,
.rightMenuBtn,
.rightMenuBtn a,
.showAll_link:hover,
.timeing_head_box .section-heading,
.vendorName {
  color: var(--primary-color);
}

.customPro-col .productCard,
.shopping_cartBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-btnGroup {
  padding: 0 16px 16px;
}

.featured-text {
  width: 100%;
  height: 120px;  /* fixed height */
  padding: 0 12px 12px;
}

.rightMenuBtn {
  border-radius: 12px;
  cursor: pointer;
  background: rgba(245, 146, 75, 0.1);
}

.modal-guest {
  text-align: center !important;
}

.btn-group-wrap {
  display: flex;
  gap: 20px 30px;
  flex-wrap: wrap;
  justify-content: center;
}

.order-placed-container {
  max-width: 600px;
  margin: 50px auto;
  background-color: var(--white-color);
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.icon-order-placed {
  color: #4caf50;
  font-size: 48px;
  margin-bottom: 20px;
}

.radioBankBox input {
  position: absolute;
  left: 10px;
  top: 48%;
  transform: translateY(-50%);
  accent-color: rgba(255, 96, 0, 1);
  display: block;
  width: 18px;
  height: 18px;
}

.radioBankBox label {
  color: #000;
  border: 1px solid #ddd;
  padding: 12px 16px 16px 40px;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 0;
}

.radioBankBox input:checked~label {
  color: #ff8c4a;
  border: 1px solid #ff8c4b;
}

.bankListCardTitle {
  padding-bottom: 15px;
  font-weight: 700;
  font-size: 16px;
  color: #13101e;
  margin: 0;
}

.accordionRadioStyle {
  width: 18px;
  height: 18px;
  border: 1px solid #b5b5b5;
  border-radius: 50%;
  position: relative;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.myOrderListHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 30px;
  flex-wrap: wrap;
}

.bankListAccordion .accordion-button:not(.collapsed) .accordionRadioStyle:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: var(--primary-color);
  border-radius: 50%;
}

.bankListAccordion .accordion-item:not(:first-of-type) {
  border-top: 1px solid #dee2e6;
}

.order-inner-product .order_details_block {
  margin: 25px 0 0;
}

.order-inner-product .trackStatus {
  padding-bottom: 10px;
  overflow: auto;
  scroll-direction: horizontal;
  cursor: ew-resize;
}

.order-inner-product #checkout-progress .orderprogress-bar {
  margin-bottom: 0;
  overflow: auto hidden;
  height: 167px;
  margin-top: -50px;
}

#checkout-progress .orderprogress-bar::-webkit-scrollbar {
  height: 4px;
  background-color: transparent;
}

#checkout-progress .orderprogress-bar::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border-radius: 4px;
}

#checkout-progress .orderprogress-bar::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

#checkout-progress .orderprogress-bar .step:first-child .step-label {
  left: 0;
  -webkit-transform: translateX(0) perspective(1000px);
  transform: translateX(-8%) perspective(1000px);
}

#checkout-progress .orderprogress-bar .step:last-child .step-label {
  left: unset;
  -webkit-transform: translateX(-6px) perspective(1000px);
  transform: translateX(-6px) perspective(1000px);
  text-align: end;
}

.all-track-box {
  border: 1px solid #c8d8df;
  padding: 16px 20px;
  margin: 0 20px 20px;
  border-radius: 16px;
}

.order-inner-product {
  margin: 16px 0;
  border: 1px solid #c8d8df;
  padding-top: 20px;
  border-radius: 16px;
}

.order-inner-product .trackStatus::-webkit-scrollbar {
  height: 2px;
  background-color: #000;
}

.order-inner-product .trackStatus::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.order-inner-product .trackStatus::-webkit-scrollbar-thumb {
  background-color: #ddd;
  outline: #ddd solid 1px;
  height: 2px;
}

.order-inner-product .trackStatus:hover {
  overflow: auto !important;
}


.orderprogress-bar .step-1:first-child {
  justify-content: flex-start !important;
}

.orderprogress-bar .step-1:last-child {
  justify-content: flex-end !important;
}

#checkout-progress .orderprogress-bar .step:last-child:after {
  left: unset;
  right: 20px;
}


#checkout-progress .orderprogress-bar .step:nth-last-child(2) {
  min-width: 0;
  width: 50px;
}



.form-select- .css-t3ipsp-control {
  background-color: var(--white-color);
  min-height: 45px;
  border: 0;
  box-shadow: none;
  border-radius: 4px;
}

.form-select- .css-1p3m7a8-multiValue {
  border-radius: 2px;
  margin: 2px;
  background-color: hsl(22.59deg 100% 50%);
}

.form-select- .css-wsp0cs-MultiValueGeneric {
  color: var(--white-color);
  font-size: 12px;
}

.form-select- .css-12a83d4-MultiValueRemove svg {
  fill: var(--white-color);
}

.form-select- .css-12a83d4-MultiValueRemove:hover {
  background-color: #ffbdad00;
}

.form-select- .css-d7l1ni-option {
  color: var(--white-color);
  background-color: #ff5722;
}

.brandsOver_scroll {
  max-height: 250px;
  overflow-y: auto;
}

.brandsOver_scroll::-webkit-scrollbar {
  width: 4px;
}

.brandsOver_scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.brandsOver_scroll::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

.offer-title {
  margin-bottom: -5px !important;
}

.checkout_img {
  width: 50px;
  min-width: 50px;
  height: 50px;
}

.checkout_offer_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  gap: 10px;
  border: 1px solid #ddd;
  padding: 12px 18px;
  border-radius: 7px;
}

.checkout_track {
  gap: 10px;
}

.label_title {
  background: #f1f1f1;
  font-size: 14px;
  padding: 8px 20px 8px 30px;
  border-radius: 10px;
}

.checkout_input_track input {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  margin-top: 0;
  width: 14px;
  height: 14px;
}

.offer_discount_block .form-check-input:checked[type="checkbox"] {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12L10 17L20 7" stroke="%23f37d28" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.offer_discount_block .form-check-input:checked {
  background-color: rgb(255 255 255 / 100%);
  border-color: rgb(255 255 255 / 100%);
}

#paytrPayment iframe#paytriframe {
  height: 500px !important;
}

.bankListCard.offer_discountCardBlock .bankListCardTitle {
  color: #484343;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 14px;
  margin-bottom: 15px;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}

.bankListCard.offer_discountCardBlock .bankListCardTitle::before {
  content: "";
  background-color: #fd6905;
  width: 74px;
  height: 3px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.offer_discountCardBlock .form-control {
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  height: 72px;
  padding: 12px 16px;
  box-shadow: none;
  font-size: 16px;
  transition: border-color 0.15s ease-in-out;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.bankListCard.offer_discountCardBlock .clBCJ {
  height: 43px;
  border-radius: 10px;
  border: 1px solid #f0f0f0;
}

.bankListCard.offer_discountCardBlock .input-checkbox>i {
  color: #fd6905;
  font-size: 8px;
  font-weight: 600;
}

.bankListCard.offer_discountCardBlock .accordion-title {
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f0f0;
}

.bankListCard.offer_discountCardBlock .fw-medium {
  color: #484343;
  font-size: 12px;
  font-weight: 500;
}

.bankListCard.offer_discountCardBlock .input-checkbox {
  width: 14px;
  height: 14px;
  border: 1px solid #7a7f86;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cargo-options input:checked+label {
  border: 1px solid #ff8c4b;
}

.cargo-options label {
  border: 1px solid #000;
  border-radius: 16px;
  padding: 10px 15px 10px 45px !important;
  display: grid !important;
  grid-template-columns: 30px 1fr minmax(50px, auto);
  align-items: center;
  gap: 11px;
}

.cargo-optionsBlock {
  margin: 24px;
}

.cargo-options-list {
  padding: 0;
  list-style: none;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 8px;
}

.cargo-options-list li {
  width: calc(33.333333% - 7px);
}

.product-images {
  max-height: 24px;
  width: auto;
}

.product_info strong {
  font-size: 12px;
  margin-bottom: 3px;
  display: block;
}

.product_info p {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0;
  display: block;
}

.cargo-price.price-text {
  font-size: 12px;
  white-space: nowrap;
  text-align: end;
}

.custom_checkbox.custom_checkInput {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  display: flex;
}

.cargo-options .custom_checkbox input[type="checkbox"],
.custom_checkbox input[type="radio"] {
  height: 18px;
  width: 18px;
  min-width: 18px;
  margin: 0;
  padding: 0;
  opacity: 1;
  appearance: none;
  border: 1px solid #7a7f86;
  border-radius: 50px;
  background: 0 0;
  position: relative;
  cursor: pointer;
}

.cargo-options .custom_checkbox input[type="checkbox"]:checked,
.custom_checkbox input[type="radio"]:checked {
  border: 1px solid #fd6905;
}

.cargo-options .custom_checkbox input[type="checkbox"]:checked::before,
.custom_checkbox input[type="radio"]:checked::before {
  content: "\f00c";
  height: 100%;
  color: #fd6905;
  font-family: Font-awesome-5-pro;
  position: absolute;
  font-weight: 500;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.cargo-err-txt {
  font-size: 15px;
  display: block;
}

.shipping-packag-div .Wishists_product_input .form-control {
  height: 56px;
}

.shipping-packag-div .Warehouse_button {
  padding: 14px 20px 13px;
  height: 56px;
}

.cuntry-modal-form {
  min-height: 330px;
  display: flex;
  flex-direction: column;
}

.info-content {
  margin-bottom: 40px;
  text-align: center;
}

.footer-btns-box {
  margin-top: auto;
  margin-bottom: 30px;
}

.footer-btns-box .btn-primary.with-border {
  border: 1px solid #000;
  background: 0 0;
  color: #000;
  margin-top: 15px;
}

.swiper-button-next.common_swiperN::after,
.swiper-button-next.heroSlider-next::after,
.swiper-button-prev.common_swiperP::after,
.swiper-button-prev.heroSlider-prev::after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.17146 7.0007L0.22168 2.05093L1.6359 0.636719L7.99986 7.0007L1.6359 13.3646L0.22168 11.9504L5.17146 7.0007Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: 10px;
}

.locTab {
  height: 43px;
  border-radius: 4px;
  margin-right: 8px;
  cursor: pointer;
}

[dir="rtl"] .locTab {
  margin-left: 8px;
  margin-right: unset;
}

[dir="rtl"] .country-template .modal-backdrop {
  --bs-backdrop-opacity: 0.1;
  background-color: var(--bs-backdrop-bg);
}

.initial-home {
  background-image: url(../img/homepage-ss.jpg);
  background-position-x: center;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  right: 0;
  left: 0;
  filter: blur(14px);
  -webkit-filter: blur(14px);
}

.countryModal-flex {
  display: flex;
  gap: 35px;
  flex-direction: row-reverse;
}

.countryModal-img {
  width: 320px;
  flex: 0 0 320px;
}

.countryModal-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.countryModal-form {
  flex: auto;
  padding: 30px;
}

.country-template .modal-content {
  border: 0;
  border-radius: 0;
}

.ship-pay {
  background-color: #f1f1f1;
  display: flex;
  border-radius: 6px;
  margin-bottom: 20px;
  padding: 15px;
  flex-direction: column;
}

.pay-h1 {
  color: #333;
  font-size: 16px;
  margin: 0 0 12px;
}

.paycard-flex {
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.paycards {
  background-color: var(--white-color);
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  padding: 4px 10px;
}

.paycards img {
  max-height: 36px;
  width: auto;
  height: auto;
}

.libSelect .css-1fdsijx-ValueContainer {
  padding: 6px 16px;
}

.libSelect .css-13cymwt-control {
  min-height: 72px;
}

.modal_heading {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}

.locTrack {
  padding: 15px;
  border-radius: 4px;
  border: 1px solid var(--primary-color);
  margin: 30px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.locTrack .LocName {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.locTrack .LocName span {
  display: block;
  color: var(--primary-color);
}

.pac-container {
  z-index: 9999;
}

.map-img {
  height: 190px;
  margin: 20px 0;
}

.desc_imgHafl,
.map-img img {
  height: 100%;
  width: 100%;
}

.map-img button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  display: none;
}

.map-img:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background: #0000005c;
  display: none;
  z-index: 99;
}

.welcome-modalHead {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 20px;
}

.welcome-modal-des {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}

.modalHeadBar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ccc;
  padding: 15px 20px;
}

[dir="rtl"] .search-icon {
  right: unset;
  left: 15px;
}

@media (min-width: 768px) {
  .country-template .modal-body {
    padding: 0;
  }

  .countryModal-form {
    padding-left: 0;
  }
}

@media (max-width: 767.98px) {
  .countryModal-form {
    padding: 0;
  }

  .countryModal-img {
    display: none;
  }

  .country-template .modal-dialog {
    max-width: 330px;
    margin: 0 auto;
    padding: 10px;
  }

  .paycard-flex {
    gap: 3px;
  }
}

.accordion-disabled {
  pointer-events: none;
  opacity: 0.6;
}

.bankListCredit {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-bottom: 10px;
}

.visibleTool-tip {
  background: var(--white-color);
  top: 100%;
  color: var(--white-color);
  display: block;
  left: 0;
  padding: 20px;
  position: absolute;
  width: 100%;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.09);
  z-index: 2;
  border-radius: 9px;
  margin-top: 18px;
  border: 1px solid #ddd;
}

.card_shopBox,
.discover_wrapper,
.order-summary-block,
.success-address-block {
  border-top: 1px solid var(--border-color);
}

.visibleTool-tip:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ddd;
  top: -10px;
  content: " ";
  height: 0;
  left: 50px;
  margin-left: -13px;
  position: absolute;
  width: 0;
}

.proStore_content,
.tooltip-btn {
  display: flex;
  gap: 12px;
}

.tooltip-btn .btn {
  font-size: 15px;
  padding: 5px 14px;
  width: auto;
}

.visibleTool-tip p {
  font-weight: 400;
  font-size: 15px;
}

.dark-form-control.invalid-input {
  border: 1px solid #ff6e6e;
  background-color: #fef3f3e3;
}

.reactSelect2.invalid-input .css-13cymwt-control {
  border: 1px solid #ff6e6e !important;
  background-color: #fef3f3e3;
}





.productFixBtn {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
}

.hm-store-content img {
  max-width: 250px;
}

.padd_checkOnly.radioBankBox input {
  position: relative;
  left: 0;
  cursor: pointer;
  top: 0;
  transform: unset;
  margin-right: 0;
}

[dir="rtl"] .padd_checkOnly.radioBankBox input {
  margin-left: 0;
  margin-right: 0;
}

.paymentHeadTitle {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 500;
  padding-left: 15px;
}

.accordion-button:not(.collapsed) .paymentHeadTitle {
  color: var(--primary-color);
  font-size: 22px;
  font-weight: 700;
}

[dir="rtl"] .paymentHeadTitle {
  padding-right: 15px;
  margin-left: 0;
}

.nav-item-name {
  padding: 0;
  position: relative;
  margin-bottom: 0;
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.proTitle {
  max-height: max-content;
}

.wishistsImgCardBox.manage-paddingCard img {
  min-width: 100% !important;
}

.wishistsImgCardBox .wishistsImgCard {
  flex: 0 0 45%;
}

.rightBannerImage img {
  max-height: 187px;
  width: 100%;
  border-radius: 16px;
}

.heroRightBanner {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.heroSlider-Images a {
  display: block;
  width: 100%;
  height: 100%;
}

.heroSlider-Images a img {
  height: 100%;
  width: 100%;
  max-height: 400px;
}

.head_flexBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding-bottom: 32px;
}

.showAll_link {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}

.choose_cateSelection {
  padding: 0 0 14px;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 24px;
  align-items: center;
  overflow: auto;
  width: 100%;
  scrollbar-width: thin;
}

.endTimeing_time,
.free_shippingTag,
.starblock {
  display: flex;
  gap: 8px;
}

.choose_img_box,
.endTimeing_value {
  align-items: center;
  display: flex;
  text-align: center;
}

.choose_img_box {
  width: 167px;
  height: 167px;
  justify-content: center;
  background-color: #eceff5;
  border-radius: 50%;
  overflow: hidden;
}

.choose_cateBox:hover .choose_img_box img {
  transform: scale(1.1);
  transition: 0.5s;
}

.choose_img_box img {
  transition: 0.5s;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.choose_cateName {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  margin-top: 16px;
  margin-bottom: 0;
}

.hotTag,
.shopTag {
  border-radius: 4px;
  font-weight: 400;
  padding: 8px 17px;
  font-size: 14px;
}

.choose_cateSelection li {
  max-width: 170px;
}

.scrollable-tags,
.showListViewFree {
  position: absolute;
  bottom: 0;
  overflow: auto;
  left: 0;
  width: 100%;
  scrollbar-width: thin;
  z-index: 9;
}

.buy_nowTag,
.shuffle_icon {
  position: absolute;
  z-index: 3;
}

.shopTag {
  background: rgba(31, 193, 107, 0.1);
  color: #1fc16b;
  white-space: nowrap;
}

.hotTag {
  background: rgba(251, 55, 72, 0.1);
  color: #fb3748;
}

.endTimeing_lable,
.endTimeing_time {
  font-weight: 500;
  color: var(--primary-color);
}

.pro_list_card .offer-card-next.swiper-button-disabled,
.pro_list_card .offer-card-prev.swiper-button-disabled,
.productCard .likePro,
.productCard .offer-card-next.swiper-button-disabled,
.productCard .offer-card-prev.swiper-button-disabled,
.swiper-button-next.offer-card-next,
.swiper-button-prev.offer-card-prev {
  opacity: 0;
}

.offerSlider {
  background-color: var(--white-color);
  border-radius: 12px;
}

.cart_canvas .offcanvas-header,
.selling-section {
  padding: 32px;
}

.buy_nowTag {
  left: 12px;
  top: 12px;
}

.buy_nowTag img {
  max-width: 76px;
}

.shuffle_icon {
  right: 44px;
  top: 16px;
  opacity: 0;
}

.swiper-button-next.heroSlider-next,
.swiper-button-prev.heroSlider-prev {
  border-radius: 6px;
  background: var(--white-color);
  box-shadow: 0 16px 32px -12px rgba(88, 92, 95, 0.1);
  height: 45px;
  width: 40px;
  color: #000;
}

.swiper-button-prev.heroSlider-prev,
.swiper-rtl .swiper-button-next.heroSlider-next {
  left: 24px;
}

.swiper-button-next.heroSlider-next,
.swiper-rtl .swiper-button-prev.heroSlider-prev {
  right: 24px;
}

.swiper-button-next.heroSlider-next::after,
.swiper-button-prev.heroSlider-prev::after {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 72px;
}

.heroSlider-prev::after,
.swiper-button-prev.common_swiperP::after,
.swiper-button-prev.offer-card-prev::after {
  transform: rotate(180deg);
}

.heroSlider-next.swiper-button-disabled,
.heroSlider-prev.swiper-button-disabled {
  opacity: 1;
  pointer-events: all;
}

.endTimeing_value {
  width: 34px;
  height: 34px;
  background-color: var(--primary-color);
  border-radius: 50%;
  justify-content: center;
  color: var(--white-color);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.endTimeing_time {
  align-items: center;
  align-items: center;
  font-size: 14px;
}

.endTimeing_lable {
  font-size: 24px;
  line-height: 1;
}

.swiper-button-next.common_swiperN,
.swiper-button-prev.common_swiperP {
  border-radius: 50%;
  background: var(--white-color);
  box-shadow: 0 16px 40px -8px rgba(88, 92, 95, 0.16);
  height: 56px !important;
  width: 56px !important;
  color: #000;
  top: 46%;
}

.swiper-button-next.common_swiperN::after,
.swiper-button-prev.common_swiperP::after {
  content: "" !important;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.swiper-button-next.common_swiperN {
  right: -28px !important;
}

.swiper-button-prev.common_swiperP {
  left: -28px !important;
}

.common_swiperN.swiper-button-disabled,
.offerSlider-prev.swiper-button-disabled {
  opacity: 1;
  background-color: var(--border-color);
}

.swiper-button-disabled.common_swiperN::after,
.swiper-button-disabled.common_swiperP::after {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.17146 7.0007L0.22168 2.05093L1.6359 0.636719L7.99986 7.0007L1.6359 13.3646L0.22168 11.9504L5.17146 7.0007Z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A");
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: "" !important;
}

.swiper-button-next.offer-card-next::after,
.swiper-button-prev.offer-card-prev::after {
  content: "" !important;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='18' viewBox='0 0 7 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.63135 8.99989L1.88365 17.9678L0.116048 17.032L4.36835 8.99989L0.116049 0.967792L1.88365 0.0319935L6.63135 8.99989Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: center center;
  background-size: 8px;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}

.swiper-button-prev.offer-card-prev,
.swiper-rtl .swiper-button-next.offer-card-next {
  left: -4px;
}

.swiper-button-next.offer-card-next,
.swiper-rtl .swiper-button-prev.offer-card-prev {
  right: -4px;
}

.pro_cardLink {
  padding: 12px;
  display: block;
}

.card_shopBox,
.service_card_box {
  display: flex;
  align-items: center;
}

.card_shopTitle {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.card_shopBox {
  gap: 7px;
  padding-top: 12px;
  margin-top: 12px;
}

.card_shopBox img {
  width: 28px;
  height: 28px;
  border-radius: 16px;
  object-fit: cover;
  min-width: 28px;
}

.topSellers_wrapper {
  padding-block: 32px;
  margin-block: 32px;
  border-block: 1px solid var(--border-color);
}

.no_cardImage {
  background-image: url(../img/noCardImg.png);
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
}

.disPrice {
  color: #d00416;
  font-size: 18px;
  font-weight: 500;
}

.service_card_box {
  gap: 24px;
  padding: 30px 10px 30px 48px;
}

.service_cardDesc,
.sub_info_desc {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 8px;
}

.cate_filterDrop .dropdown-item,
.service_cardLink,
.sortBySelect {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
}

.service_cardImg img {
  max-width: 52px;
  max-height: 52px;
}

.service_cardContent {
  max-width: 265px;
}

.service_inner_box .col-4:nth-child(2) .service_card_box {
  border-inline: 1px solid var(--border-color);
}

/* .scroll_text_warpper marquee {
  color: var(--primary-color);
  font-size: 56px;
  font-weight: 700;
  line-height: 77px;
  padding-top: 7px;
}

.scroll_text_warpper {
  background: #fde4d2;
  margin-block: 32px;
} */


.scroll_text_warpper {
  width: 100%;
  overflow: hidden;
  background: #fde4d2;
  margin-block: 32px;
  position: relative;
}

.marquee-track {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: scroll-right linear infinite;
}


.marquee-content {
  color: var(--primary-color);
  font-size: 56px;
  font-weight: 700;
  line-height: 77px;
  padding-top: 7px;
}

@keyframes scroll-left {
  0% {
    transform: translateX(-50%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }

}

/*  */
.discover_banner {
  width: 100%;
  height: 100%;
  display: block;
}

.discover_wrapper {
  margin-top: 32px;
  padding-top: 32px;
}

.pro_list_card {
  display: flex;
  padding: 32px;
  gap: 16px;
}

.pro_list_card:hover {
  box-shadow: rgb(0 0 0 / 8%) -12px 12px 20px -5px;
}

.form-control.subscribeInput,
.proStore_box {
  box-shadow: 0 16px 32px -12px rgba(88, 92, 95, 0.1);
}

.proLikeBox .shuffle_icon {
  position: unset;
  opacity: 1;
}

.proLikeBox .likePro {
  position: unset;
}

.proLikeBox {
  position: absolute;
  right: 0;
  bottom: 4px;
  display: none;
  align-items: center;
  gap: 12px;
}

.sale_tag {
  border-radius: 4px;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 13px;
  font-weight: 400;
  padding: 6px 10px;
  display: inline-block;
}

.pro_list_card .free_shippingTag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  overflow: auto;
  white-space: nowrap;
  scrollbar-width: thin;
}

.pro_list_image {
  position: relative;
  flex: 0 0 208px;
  overflow: hidden;
  height: 208px;
}

.pro_list_image img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  transition: 0.5s;
}

.featured_banner,
.featured_banner img {
  border-radius: 16px;
  height: 100%;
  width: 100%;
}

.pro_list_card:hover img {
  transform: scale(1.05);
  transition: 0.5s;
}

.proShop_margin {
  padding-top: 45px;
}

.subscribe_info_block {
  display: flex;
  gap: 56px;
}

.sub_info_title {
  font-size: 22px;
  font-weight: 700;
  margin-block: 8px;
  line-height: 33px;
}

.sub_info_link {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
}

.sub_info {
  max-width: 182px;
}

.subscribeFormTitle {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 12px;
}

.subscribeFormDesc {
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 16px;
}

.form-control.subscribeInput {
  border-radius: 16px;
  background: var(--white-color);
  color: #222;
  font-size: 18px;
  font-weight: 500;
  margin-right: 12px;
  padding: 22px 32px;
}

.form-control.subscribeInput::placeholder {
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
}

.subscribeForm {
  max-width: 732px;
  margin-left: auto;
  padding-left: 30px;
}

.timeing_head_box {
  display: flex;
  align-items: center;
  flex: auto;
  gap: 10px;
  justify-content: space-between;
  padding-right: 29px;
}

.footer_collpasIcon,
.menu_collpasIcon {
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 15px;
  height: 15px;
  display: none;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 11H19V13H5V11Z' fill='black'/%3E%3C/svg%3E%0A");
}

.deals_heading:not(.active) .deals_menuCollIcon,
.footer_menuCollpas:not(.active) .footer_collpasIcon,
.menu_column_title:not(.active) .menu_collpasIcon {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z' fill='black' /%3E%3C/svg%3E");
}

.product_head_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 24px;
}

.mobile_w100 {
  width: 100%;
  text-align: center;
}

.custom-row.products:not(.grid) .showgridViewFree,
.custom-row.products:not(.list-view) .showListViewFree,
.featured_mobile,
.mobile_listFilter,
.offers_textMobile,
.only_mobileView {
  display: none;
}

.pro_list_content {
  position: relative;
  width: calc(100% - 208px);
}

.featured_banner {
  display: block;
  background: #eaecf1;
}

.leftFeaturedFull img {
  max-height: 622px;
}

.featuredHalf img {
  max-height: 346px;
}

.featuredFull img {
  max-height: 251px;
}

.hero-category,
.offer-category,
.pro_features_title {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

.feaOffer-title {
  color: var(--secondary-color);
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 12px;
}

.leftFeaturedFull .feaOffer-title {
  color: var(--secondary-color);
  font-size: 56px;
}

.offer-description {
  margin-bottom: 16px;
  color: var(--secondary-color);
  font-size: 18px;
  line-height: 27px;
}

.hero-button,
.offer-button {
  display: inline-block;
  padding: 15px 20px;
  color: var(--white-color);
  text-decoration: none;
  transition: background 0.3s;
  border-radius: 12px;
  border: 1px solid #49bbb7;
  background: #49bbb7;
  font-size: 14px;
  font-weight: 400;
  min-width: 175px;
  text-align: center;
}

.hero-button:hover,
.offer-button:hover {
  background-color: #1ba997;
}

.leftFeaturedFull .offer-image {
  padding-right: 62px;
  width: fit-content;
  margin-left: auto;
  margin-top: -68px;
}

.offer-image img {
  max-height: 470px;
}

.offer-button-text {
  color: #49bbb7;
  font-size: 14px;
  font-weight: 400;
  padding: 11px 12px;
}

.offer-button-text:hover {
  color: #2b9d99;
}

.featuredHalf .offer-image {
  width: fit-content;
  margin-left: auto;
  margin-top: -72px;
}

.featuredFull .featured-offer-card {
  display: flex;
  justify-content: space-between;
}

.featuredFull .offer-image img {
  max-height: 242px;
}

.featuredFull .offer-image {
  padding-right: 100px;
  margin-top: -10px;
}

.arr-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 44px 56px 32px 32px;
  border-radius: 16px;
  transition: 0.3s;
  height: 100%;
}

.arr-card-content {
  max-width: 191px;
}

.arr-card-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
  display: none;
}

.arr-card-title {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 8px;
}

.arr-card-subtitle {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0;
  font-weight: 500;
}

.bottom-navbar {
  display: none;
  justify-content: space-around;
  align-items: center;
  background-color: var(--white-color);
  padding: 16px 0;
  border-top: 1px solid var(--border-color);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99;
}

.bottom-navbar .nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: color 0.3s;
  color: var(--para-color);
  text-align: center;
  font-size: 10px;
  gap: 3px;
  font-weight: 400;
  line-height: 15px;
}

.tooltipNav {
  position: relative;
  display: inline-block;
}

.itemControlsBox,
.shopCartItem {
  display: flex;
  align-items: center;
  gap: 10px;
}

.tooltipNav .tooltip-text {
  visibility: hidden;
  background-color: var(--white-color);
  color: #000;
  text-align: center;
  border-radius: 16px;
  padding: 4px 9px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  opacity: 0;
  white-space: nowrap;
  font-size: 10px;
  transition: opacity 0.3s ease-in-out;
  box-shadow: rgba(99, 99, 99, 0.1) 0 0 6px 0;
}

.tooltipNav:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.cart_canvas.offcanvas,
.cart_canvas.offcanvas-lg,
.cart_canvas.offcanvas-md,
.cart_canvas.offcanvas-sm,
.cart_canvas.offcanvas-xl,
.cart_canvas.offcanvas-xxl {
  --bs-offcanvas-zindex: 1060;
  --bs-offcanvas-width: 604px;
}

.shopCartItem {
  margin-bottom: 32px;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 16px;
}

.cartLeftImg {
  flex: 0 0 100px;
}

.itemImage {
  width: 100px;
  height: auto;
  object-fit: contain;
}

.shopItemTitle {
  margin: 0 0 8px;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
}

.shopItemVendor {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}

.shopItemPrice {
  margin: 8px 0;
}

.originalPrice {
  margin-right: 8px;
  color: #d00416;
  font-size: 18px;
  font-weight: 500;
  text-decoration: line-through;
}

.finalPrice {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
}

.checkoutBtn,
.checkout_droptext,
.checkout_head_drop,
.checkout_stepHead span,
.coupon_btnCheck,
.creditCard_form .form-label,
.linkViewMore,
.mobile_order_price,
.subtotal,
.success-address p,
.viewCartLink {
  font-size: 18px;
  font-weight: 500;
}

.itemControlsBox {
  margin-top: 10px;
}

.itemControls button,
.itemControls span {
  width: 32px;
  height: 32px;
  align-items: center;
  color: #000;
  display: flex;
}

.itemControls button {
  padding: 6px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  cursor: pointer;
  border-radius: 4px;
  font-size: 20px;
  justify-content: center;
}

.itemControls span {
  font-size: 16px;
  justify-content: center;
}

.itemControls,
.proStars .p_category_list a,
.proStars .p_category_list button,
.productSizeColor {
  display: flex;
  align-items: center;
  gap: 4px;
}

.proStars .p_category_list button {
  border: 0;
  background-color: transparent;
  color: #FFC107;
}

.cart-summary-row,
.subtotal,
.summary-offer-header,
.summary-progress-values {
  justify-content: space-between;
}

.deleteBtn {
  margin-left: auto;
  background: 0 0;
  border: none;
  color: #fb3748;
}

.checkoutBtn,
.modal_button {
  background: var(--primary-color);
  width: 100%;
}

.deleteBtn:hover {
  color: #e90014;
}

.cartFooter {
  padding-top: 32px;
  margin-top: auto;
  text-align: center;
}

.subtotal {
  display: flex;
  margin-bottom: 32px;
  color: var(--secondary-color);
}

.checkoutBtn {
  padding: 21px;
  color: var(--white-color);
  margin-bottom: 24px;
  border-radius: 12px;
  border: 1px solid #e9690d;
}

.viewCartLink {
  color: var(--secondary-color);
  text-align: center;
}

.cart_canvas .offcanvas-header h5 {
  color: #000;
  font-size: 32px;
  font-weight: 700;
  margin: 0;
}

.cart_canvas .offcanvas-body {
  padding: 0 32px 32px;
}

.shopping_cartList {
  max-height: calc(100vh - 315px);
  overflow: auto;
}

.theme_modal .modal-content {
  padding: 24px;
  border-radius: 16px;
}

.theme_modal .modal-header {
  border: 0;
  padding: 0 0 24px;
  align-items: center;
}

.theme_modal .modal-title {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  margin: 0;
}

.modal_button {
  border-radius: 12px;
  border: 1px solid #e9690d;
  color: var(--white-color);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  display: block;
  padding: 15px;
  transition: 0.5s;
}

.modal_button:hover {
  border: 1px solid #e9690d;
  background: var(--white-color);
  color: var(--primary-color);
}

.maxModalMd .modal-dialog {
  max-width: 540px;
}

.deals_wrapper {
  display: flex;
  gap: 24px;
}

.deals_column,
.sale_category_column,
.top_deals_column {
  flex: 0 0 284px;
}

.menu_image,
.sale_category_column {
  flex: auto;
}

.deals_list,
.menu_column_list,
.pro-infoList,
.top_deals_list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.deals_list li a,
.top_deals_list li a {
  margin-bottom: 16px;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
}

.deals_heading {
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
}

.category_grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.heroCard_block,
.hero_banner_card {
  display: block;
  height: 100%;
  border-radius: 16px;
  width: 100%;
}

.lang_label {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}

.hero_banner_card {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 48px 90px;
}

.hero-card-title {
  font-size: 56px;
  font-weight: 700;
  margin-bottom: 12px;
  line-height: 84px;
}

.hero-description {
  margin-bottom: 16px;
  color: var(--secondary-color);
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
}

.heroCard_category,
.heroCard_title {
  margin-bottom: 4px;
  color: var(--secondary-color);
}

.heroCard_block {
  background: #eaecf1;
  padding: 12px 48px 0 16px;
}

.heroCard_category {
  font-size: 12px;
  font-weight: 500;
}

.heroCard_title {
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
}

.heroCard_description,
.heroCard_description p {
  margin-bottom: 2px;
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.heroCard_imageBox img {
  max-width: 165px;
  object-fit: contain;
  height: 175px;
}

.heroCard_container {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
}

.menu_inner_block {
  display: flex;
  gap: 24px;
  width: 100%;
  height: min-content;
}

.info-link-btn,
.menu_column_title a {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  cursor: pointer;
}

.menu_column_list li {
  color: var(--para-color) !important;
  font-size: 18px !important;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 15px;
}

.menu_columns {
  column-count: 2;
}

.menu_column_box {
  display: block;
  break-inside: avoid-column;
  width: 284px;
}

.deals_collpasIcon,
.deals_menuCollIcon {
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  width: 20px;
}

.deals_menuCollIcon {
  background-size: cover;
  height: 20px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 11H19V13H5V11Z' fill='black'/%3E%3C/svg%3E%0A");
}

.menu_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.mobile_deals_text {
  font-size: 15px;
  line-height: 22px;
  color: var(--secondary-color);
  font-weight: 400;
  display: flex;
  align-items: center;
  margin: 0;
  justify-content: space-between;
}

.deals_collpasIcon {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.825 0.912109L5 4.72878L1.175 0.912109L0 2.08711L5 7.08711L10 2.08711L8.825 0.912109Z' fill='%234A4A4A'/%3E%3C/svg%3E%0A");
  background-size: 10px;
  height: 10px;
  margin-top: 0;
}

.info-title-name {
  font-size: 32px;
  font-weight: 700;
  line-height: 48px;
  color: var(--secondary-color);
  margin-bottom: 16px;
}

.info-description-text {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: var(--para-color);
  margin-bottom: 16px;
}

.p_category_list {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
}

.pro_detailPadd {
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 24px;
}

.p_category_list li:first-child {
  padding-right: 24px;
  border-right: 1px solid var(--border-color);
  display: flex;
}

.p_category_item,
.summary-progress-values span {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
}

.pro_features_item,
.product_viewBtn {
  color: var(--primary-color);
  font-weight: 400;
  white-space: nowrap;
}

.mobile_order_price span,
.p_category_item span {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
}

.product_viewBtn {
  border-radius: 30px;
  background: #fde4d2;
  font-size: 16px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.pro_features_list {
  list-style: none;
  padding: 0 0 6px;
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: auto;
  scrollbar-width: thin;
}

.pro_features_item {
  font-size: 14px;
  line-height: 21px;
  border-radius: 4px;
  background: rgba(245, 146, 75, 0.1);
  padding: 8px;
}

.availableStockText,
.writeRiviewText {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.pro_features_item span {
  color: var(--secondary-color);
  white-space: nowrap;
  display: block;
}

.pro_features_label {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 12px;
}

.productSizeColor .proColor_box {
  border-radius: 4px;
  background: #333;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.productSizeColor input:checked+.proColor_box::before {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--white-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.availableStockText {
  display: block;
  color: #1fc16b;
  margin-block: 24px;
}

.proWhatsappBtn {
  border-radius: 12px;
  border: 1px solid #1fc16b;
  background: #1fc16b;
  color: var(--white-color);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  display: flex;
  padding: 13px 20px;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.proWhatsappBtn:hover {
  border: 1px solid #0c954c;
  background: #0c954c;
  color: var(--white-color);
}

.proStore_box,
.proStore_image {
  border-radius: 6px;
  display: flex;
}

.proStore_image img {
  object-fit: cover;
  width: 100%;
  border-radius: 6px;
  height: 100%;
}

.addToWishlistBtn,
.filter_title {
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px;
}

.addToWishlistBtn {
  border: 0;
  background-color: transparent;
}

.product_wishlist {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.proStore_box {
  background: var(--white-color);
  padding: 24px 12px;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0 24px;
}

.proStore_image {
  background: var(--border-color);
  width: 59px;
  height: 59px;
  justify-content: center;
  align-items: center;
}

.card_swiperBtn {
  height: 100%;
}

.proStoreText {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

.proStoreName {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.proStore_box .proStore_rating {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.proStore_box .StarRatings a,
.proStore_box .StarRatings button {
  margin-left: 0;
}

.pro-infoItem {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: var(--para-color);
  font-size: 14px;
  font-weight: 400;
  gap: 10px;
}

.pro-infoIcon {
  width: 21px;
  height: 21px;
  object-fit: contain;
}

.pro-paymentLogos {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 2px;
}

.product-search-block {
  padding: 24px;
}

.proStore_rating a,
.proStore_rating button {
  display: flex;
  align-items: center;
  gap: 3px;
  border: 0;
  background-color: transparent;
}

.dlt_SwipeLink {
  width: 48px;
  height: 48px;
  display: none;
  align-items: center;
  justify-content: center;
  background: var(--white-color);
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0 16px 40px -8px rgba(88, 92, 95, 0.16);
}

.pproductStore_wrapper {
  padding-top: 8px;
  padding-bottom: 24px;
}

.pro-paymentItems a img,
.pro-paymentItems button img {
  max-width: 37px;
}

.pro-paymentItems button {
  border: 0;
  background: transparent;
  padding: 0;
}

.tabsAccor_wrapper {
  border: 1px solid var(--border-color);
  padding: 32px;
  border-radius: 32px;
}

.tabsAccor_wrapper .nav-tabs .nav-link {
  margin-bottom: 0;
  background: 0 0;
  border: 0;
  border-bottom: 1px solid var(--border-color);
  color: var(--para-color);
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  padding: 0 32px 34px;
  width: 100%;
}

.tabsAccor_wrapper .nav-item {
  flex: 1 0 auto;
}

.tabsAccor_wrapper .nav-tabs .nav-item.show .nav-link,
.tabsAccor_wrapper .nav-tabs .nav-link.active {
  color: var(--secondary-color);
  background-color: transparent;
  border-bottom: 1px solid #000;
}

.dlt_accor_box {
  display: flex;
  align-items: center;
  border: 0;
}

.desc_imgHafl,
.desc_imgHafl img {
  flex-direction: column;
  gap: 20px;
  display: flex;
}

.desc_imgFull img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.desc_imgHafl img {
  height: 290px;
}

.dlt_info_inner {
  padding-top: 32px;
}

.dlt_info_title {
  color: var(--secondary-color);
  font-size: 38px;
  font-weight: 700;
  line-height: 57px;
  margin-bottom: 8px;
}

.dlt_info_desc {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 32px;
}

.moreInfoTitle {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 16px;
}

.moreInfoDiv {
  margin-top: 32px;
}

.mobile_accordion_box .accordion-item {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}

.dltMoreInfoList {
  margin-bottom: 0;
  padding-left: 18px;
}

.dltMoreInfoList li::marker {
  font-size: 12px;
}

.detail_info_wrapper {
  border-top: 1px solid var(--border-color);
  padding: 24px 0;
}

.faq_detail_accordion .accordion-item {
  border: 0;
  background-color: transparent;
  margin-bottom: 10px;
  border-radius: 0;
  border-bottom: 1px solid var(--border-color) !important;
}

.faq_detail_accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 10.7452 10.7452 0 24 0V0C37.2548 0 48 10.7452 48 24V24C48 37.2548 37.2548 48 24 48V48C10.7452 48 0 37.2548 0 24V24Z' fill='%23E8E8E8'/%3E%3Cpath d='M31 24.9961H17V22.9961H31V24.9961Z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A") !important;
  transform: rotate(0) !important;
}

.faq_detail_accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24C0 10.7452 10.7452 0 24 0V0C37.2548 0 48 10.7452 48 24V24C48 37.2548 37.2548 48 24 48V48C10.7452 48 0 37.2548 0 24V24Z' fill='%23E8E8E8'/%3E%3Cpath d='M23 23V17H25V23H31V25H25V31H23V25H17V23H23Z' fill='%23A4A4A4'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat no-repeat !important;
  background-position: center center !important;
  background-size: 40px !important;
  width: 40px !important;
  height: 40px !important;
}

.faq_detail_accordion .accordion-header {
  margin-bottom: 0;
  padding: 24px 20px;
}

.tabsAccor_wrapper .tab-content .accordion-item {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
}

.faq_detail_accordion .accordion-button {
  padding: 0;
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
}

.reviews-rating-box {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  max-width: 359px;
}

.rating-boxes .progress,
.rating-boxes .progress-bar {
  height: 4px;
  border-radius: 9px;
}

.average-rating-title {
  color: #000;
  font-size: 68px;
  font-weight: 700;
  line-height: 102px;
  margin: 0;
}

.averageStarBox,
.pro_item_controls {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.rating-boxes {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.rating-titles {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  min-width: 12px;
}

.rating-boxes img,
.reviewStarCount img {
  width: 16px;
  height: 16px;
}

.reviews_ratTitle {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
}

.reviews_ratDesc {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 8px 0 16px;
}

.reviewInnCardHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
}

.reviewUserInfoTag {
  display: flex;
  align-items: center;
  gap: 16px;
}

.reviewNme {
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}

.reviewUserDate {
  color: var(--para-color);
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.reviewStarCount {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reviewTxt {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  margin: 0;
}

.reviewInnCard:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 24px;
  margin-bottom: 24px;
}

.checkout_terms_desc,
.faq_desc_text,
.shippingReturns_desc {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.reviewsUImg img {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

.filter_search_box {
  position: relative;
  padding-bottom: 16px;
}

.filter_search_icon {
  position: absolute;
  left: 12px;
  top: 10px;
}

.filter_search_box input {
  padding-left: 46px;
  border-radius: 4px;
}

.price_applyBtn {
  border-radius: 6px;
  border: 1px solid #e9690d;
  background: var(--primary-color);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  padding: 7px 19px;
}

.price_applyBtn:hover {
  border: 1px solid #e9690d;
  background: var(--white-color);
  color: var(--primary-color);
}

.price_rangeInput input {
  width: 85px;
  height: 40px;
  min-height: 40px;
  border-radius: 6px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

.filter_head {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 12px;
}

.rating_filter_star {
  display: flex;
  gap: 8px;
  align-items: center;
}

.categoryFilter label {
  color: var(--para-color);
  font-size: 18px;
  padding: 0;
  font-weight: 500;
}

.list-grid-toggle {
  display: none;
  align-items: center;
  gap: 12px;
}

.list-grid-toggle div {
  color: var(--para-color);
  cursor: pointer;
}

.proCardLink {
  height: 100%;
  display: flex;
  text-align: center;
  width: calc(100% - 50px);
  align-items: center;
  justify-content: center;
  margin-inline: 25px;
}

.filter_mobile_title {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
  margin: 0;
  display: none;
}

.cate_filterDrop .dropdown-item:focus,
.cate_filterDrop .dropdown-item:hover {
  background-color: rgb(243 243 243 / 40%);
}

.sortBySelect {
  background: 0 0;
  border: 0;
  padding: 0 12px 0 3px;
}

.cate_filterDrop .dropdown-menu {
  border-radius: 16px;
  box-shadow: none;
  box-shadow: rgba(0, 0, 0, 0.09) 0 3px 12px;
  border: 0;
  padding: 0;
  min-width: 185px;
  width: fit-content !important;
}

.cate_filterDrop .dropdown-item {
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-color);
}

.cate_filterDrop .dropdown-menu li:last-child .dropdown-item {
  border-bottom: none;
}

.sortBySelect::before {
  content: "";
  display: inline-block;
  margin-left: 10px;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.825 0.912109L5 4.72878L1.175 0.912109L0 2.08711L5 7.08711L10 2.08711L8.825 0.912109Z' fill='%234A4A4A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 10px;
  width: 10px;
  height: 10px;
  margin-top: 10px;
  float: right;
}

.filter_seeMoreBtn {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 400;
  border: 0;
  background-color: transparent;
  padding: 10px 0 0;
}

.filter_seeMoreBtn:hover {
  color: #d65c06;
}

.cart_products_section {
  padding: 32px;
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
}

.cart_sec_heading,
.pro_group_title {
  margin-bottom: 24px;
  color: #000;
  font-size: 22px;
  font-weight: 700;
}

.product_cart_group {
  border: 1px solid var(--border-color);
  padding: 24px;
  margin-bottom: 16px;
  border-radius: 16px;
}

.pro_cart_item {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid #eee;
  width: 100%;
  gap: 10px;
}

.pro_item_image img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.pro_item_image img:not([srcset]) {
  display: inline-block;
  color: var(--para-color);
  font-size: 16px;
  text-align: center;
  line-height: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pro_item_details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex: 1;
}

.pro_item_name {
  max-width: 319px;
  color: var(--secondary-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  margin-bottom: 0;
  display: inline-block;
}

.original_price {
  text-decoration: line-through;
  display: block;
  color: #fb3748;
  font-size: 14px;
  font-weight: 400;
}

.pro_item_subtotal {
  font-weight: 600;
  font-size: 14px;
}

.pro_remove_item {
  background: 0 0;
  border: none;
  color: var(--secondary-color);
}

.checkout_terms_desc a span,
.creditCard_form .form-label span,
.pro_remove_item:hover {
  color: #fb3748;
}

.coupon_section {
  display: flex;
  gap: 12px;
  padding: 24px;
  margin-top: 32px;
  border-radius: 16px;
  background: #f9f9f9;
}

.coupon_button,
.coupon_input {
  padding: 21px 16px;
  font-size: 18px;
  font-weight: 500;
}

.coupon_input {
  flex: 1;
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  color: var(--para-color);
}

.coupon_button {
  transition: 0.3s;
  border-radius: 12px;
  border: 1px solid #e9690d;
  color: var(--primary-color);
  min-width: 270px;
  background: 0 0;
}

.coupon_button:hover {
  background-color: #e9690d;
  color: var(--white-color);
}

.pro_controls {
  display: flex;
  gap: 32px;
}

.cart-summary {
  border-radius: 16px;
  border: 1px solid var(--border-color);
  background: #f9f9f9;
  padding: 32px;
}

.cart-summary-row,
.summary-offer-header {
  padding-bottom: 12px;
  display: flex;
}

.summary-border-box {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 24px;
}

.cart-summary-row span {
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary-color);
}

.summary-sec-title {
  margin-bottom: 16px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.delete-offer {
  border: none;
  background: 0 0;
  color: #fb3748;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
}

.summary-progress {
  margin-bottom: 4px;
  background-color: #d9d9d9;
  border-radius: 5px;
  overflow: hidden;
}

.summary-progress-values {
  display: flex;
  margin-bottom: 12px;
}

.summary-offer-note {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 38px;
}

.summary-offer-warning {
  padding: 32px;
  margin-bottom: 24px;
  border-radius: 16px;
  background: rgba(251, 55, 72, 0.1);
}

.progress_fillColor {
  background-color: #1fc16b;
  height: 4px;
}

.warning-title {
  color: #fb3748;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 4px;
}

.warning-desc {
  color: var(--secondary-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}

.complete-link {
  display: inline-block;
  color: var(--primary-color);
  font-size: 18px;
  font-weight: 500;
}

.cart-total {
  display: flex;
  justify-content: space-between;
  font-size: 26px;
  font-weight: 700;
  color: var(--secondary-color);
  margin-bottom: 24px;
}

.apply_btn,
.checkout-btn {
  color: var(--white-color);
  text-align: center;
}

.checkout-btn {
  width: 100%;
  padding: 21px 16px;
  font-size: 18px;
  border-radius: 12px;
  font-weight: 500;
  border: 1px solid #e9690d;
  background: var(--primary-color);
  display: block;
}

.checkout-btn:hover {
  border: 1px solid #e9690d;
  background: var(--white-color);
  color: #e9690d;
}

.checkout-btn:disabled {
  background: #fde4d2;
  border: 1px solid #fde4d2;
  color: #fac9a5;
}

.apply_btn {
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  border: 0;
  min-width: 154px;
  padding: 10px;
}

.cartOffersWrapper,
.order-summary-block,
.success-charge-row {
  border-bottom: 1px solid var(--border-color);
}

.cart_offCard {
  padding: 46px 32px;
}

.cartOffersWrapper {
  padding-block: 32px;
  margin-bottom: 32px;
}

.sponsored-section {
  padding-bottom: 32px;
}

.cart-subtotal {
  color: #4a4a4a !important;
}

.order-success-wrapper {
  padding: 24px 0 0;
}

.order-success {
  text-align: center;
  margin-bottom: 32px;
}

.success-message {
  color: #1fc16b;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  margin: 0;
}

.order-summary-block {
  padding: 32px 0;
  margin-bottom: 32px;
}

.order-summary-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 140px;
}

.summary-title {
  display: block;
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

.summary-value {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
  margin: 0;
}

.success-address h4,
.success-order-title {
  color: var(--secondary-color);
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 32px;
}

.success-charge-row h3,
.success-product-title {
  color: var(--secondary-color);
  font-size: 22px;
  font-weight: 700;
}

.success-charge-row,
.success-product-name {
  color: var(--para-color);
  font-size: 18px;
  font-weight: 500;
}

.success-charge-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
}

.succ-address-inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px;
}

.success-address {
  flex: 1;
  min-width: 250px;
  padding-top: 30px;
}

.success-address:first-child {
  border-right: 1px solid var(--border-color);
}

.success-address p {
  color: var(--para-color);
  margin-bottom: 12px;
}

.checkout_head_drop {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  gap: 8px;
  color: var(--para-color);
  white-space: nowrap;
}

.checkout_droptext {
  color: var(--primary-color);
  background: 0 0;
  border: 0;
  padding: 0;
  line-height: 1;
}

.checkout_head_drop .dropdown-menu.show {
  display: block;
  min-width: 446px;
  background: var(--white-color);
  border: 0;
  padding: 16px;
  box-shadow: rgba(0, 0, 0, 0.09) 0 3px 12px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transform: translate(-50%, 38px) !important;
}

.form-control.coupon_inputCheck {
  border-radius: 12px;
  border: 1px solid var(--border-color);
  background: var(--white-color);
  height: 72px;
  padding: 12px 16px;
}

.coupon_btnCheck {
  background: var(--primary-color);
  border-radius: 12px;
  border: 1px solid #e9690d;
  padding: 21px 30px;
  color: var(--white-color);
  text-align: center;
}

.coupon_btnCheck:hover {
  background: var(--white-color);
  border: 1px solid #e9690d;
  color: var(--primary-color);
}

.notLogged_block {
  background: rgba(245, 146, 75, 0.1);
  padding: 20px 0;
  margin-bottom: 24px;
}

.notLogged_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.notLogged_name {
  color: var(--primary-color);
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
}

.notLogged_desc {
  color: #f8ad78;
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.check_main_border {
  border-radius: 16px;
  border: 1px solid var(--border-color);
  padding: 32px;
  margin-bottom: 24px;
}

.address_modalBtnFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.differentAddressCheck label {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.differentAddressCheck .form-check-input {
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 2px !important;
}

.differentAddressCheck .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.differentAddressCheck .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-size: 14px;
  background-position: center center;
}

.checkout_stepHead {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  line-height: 39px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}

.checkout_stepHead span {
  display: flex;
  width: 42px;
  height: 42px;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: var(--primary-color);
  color: var(--white-color);
  text-align: center;
}

.textArea_minHeight {
  min-height: 150px !important;
}

.creditCard_form .form-label {
  color: var(--secondary-color);
  margin-bottom: 12px !important;
}

.newAddress_title {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 16px;
}

.address_stepcard {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
}

.share_listBox button,
.stock-checkBox .form-check-label.active {
  color: var(--primary-color) !important;
}

.mobile_order_price button {
  border: 0;
  background-color: transparent;
  padding: 0;
}

.mobile_order_price {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #000;
}

.mobile_order_summary {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.checkout_wrapper {
  padding-block: 24px;
}

.linkViewMore {
  color: var(--secondary-color);
  margin-bottom: 24px;
  background-color: transparent;
  border: 0;
  display: inline-block;
}

.linkViewMore:hover {
  color: var(--primary-color);
}

.checkout_header {
  justify-content: space-between;
  /* margin-bottom: 62px; */
  /* padding-top: 32px; */
}

.share_listBox {
  gap: 20px;
  padding: 10px 0 20px;
}

.share_listBox button {
  margin: 0;
  padding: 0 !important;
  display: flex;
  line-height: 1 !important;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background-color: rgba(245, 146, 75, 0.1) !important;
}

.stock-checkBox .custom_checkbox input[type="radio"] {
  border-radius: 2px !important;
  border: 2px solid var(--para-color);
}

.stock-checkBox .custom_checkbox input[type="radio"]:checked::before {
  color: #fff !important;
}

.stock-checkBox .custom_checkbox .form-check-input:checked[type="radio"] {
  background-image: none !important;
}

.top_padd0 {
  padding-top: 0 !important;
}

.viewResults_text {
  text-align: center;
  margin-top: 24px;
}

.viewResults_text .linkViewMore {
  color: var(--primary-color);
  margin-bottom: 0;
}

.inputTooltip {
  background-color: transparent;
  border: 0;
  padding: 0;
  position: relative;
  top: -2px;
  padding-inline: 3px;
}

.cvv_tooltipbox {
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  width: 220px;
  font-size: 14px;
  color: #000 !important;
  background: var(--white-color);
  box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
  border-radius: 7px;
  padding: 4px;
  opacity: 0;
}

[dir="rtl"] .proLikeBox {
  right: unset;
  left: 0;
}

.skeleton-base {
  background-color: #f3f3f3;
  /* Light grey base */
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  /* Shimmer animation */
  background: linear-gradient(90deg, #f3f3f3 25%, #ecebeb 50%, #f3f3f3 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite linear;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

/* Specific skeleton shapes */
.skeleton-circle {
  border-radius: 9999px;
  /* Tailwind's rounded-full */
}

/* Ensure padding is consistent for text lines */
.skeleton-text-line {
  height: 1rem;
  /* Adjust based on your typical line-height */
  margin-bottom: 0.5rem;
}

.skeleton-button {
  height: 2.5rem;
  border-radius: 0.5rem;
}

.heroSlider-Images a span {
  height: 100%;
}

.login_right_img video {
  width: 100%;
  height: 100%;
}

.completeProfile_max {
  max-width: 586px;
  margin: 0 auto;
}

.label-optional {
  color: var(--para-color);
  font-size: 16px;
  font-weight: 400;
  display: inline;
}

small.warning-text {
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-top: 4px;
}

input[type="date" i]::-webkit-calendar-picker-indicator {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M9 1.5V3.5H15V1.5H17V3.5H21C21.5523 3.5 22 3.94772 22 4.5V20.5C22 21.0523 21.5523 21.5 21 21.5H3C2.44772 21.5 2 21.0523 2 20.5V4.5C2 3.94772 2.44772 3.5 3 3.5H7V1.5H9ZM20 11.5H4V19.5H20V11.5ZM7 5.5H4V9.5H20V5.5H17V7.5H15V5.5H9V7.5H7V5.5Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 21px;
  cursor: pointer;
}

.gender_select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

label.genderFemale {
  color: #F33 !important;
  background: rgba(255, 107, 107, 0.10);
}

label.genderMale {
  color: #1E90FF !important;
  background: rgba(30, 144, 255, 0.10);
}

.gender_select label {
  border: 0;
  border-radius: 12px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0 auto;
  padding: 24px 16px;
  cursor: pointer;
}


.form-check-input:checked+.genderMale,
.genderMale:hover {
  color: #1E90FF !important;
  background: rgba(30, 144, 255, 0.10);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.form-check-input:checked+.genderFemale,
.genderFemale:hover {
  color: #F33 !important;
  background: rgba(255, 107, 107, 0.10);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.completeProfile_logo {
  position: absolute;
  top: 100px;
  cursor: pointer;
  left: 100px;
}

.completeProfile_logo img {
  max-height: 50px;
}

.react-loading-skeleton {
  width: 100% !important;
}

.skeleton-flex {
  display: flex;
}

/*  */


.mobileShowCategory {
  display: none;
  margin-top: 18px;
}



.category-mobile-show {
  display: none;
}


.desktop-view {
  display: none;
}

.mobile-view {
  display: block;
}

@media (min-width: 768px) {

  .desktop-view {
    display: flex;
  }

  .mobile-view {
    display: none;
  }
}


::-webkit-inner-spin-button {
  display: none;
}

.sendAgain_time button:disabled {
  pointer-events: none;
  opacity: .6;
}



.countryCodeImage {
  position: absolute;
  left: 14px;
  top: 22px;
  width: 25px;
  height: 25px;
}

.countryCodeImage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.write-review-lable {
  color: var(--secondary-color);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
  display: inline-block;
}

.custom_checkbox .showName_label {
  color: #4A4A4A !important;
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
}

.skeletonHeroBox {
  height: 403px;
  width: 868px;
}

.categorySkeletonSize {
  width: 167px !important;
  height: 167px;
}



.trackMyoder2 .btn-return,
.trackMyoder2 .btn-cancel {
  padding: 7px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.trackMyoder2 .btn-return {
  background-color: var(--primary-color);
  color: white;
  border: 1px solid var(--primary-color);
}

.trackMyoder2 .btn-return:hover {
  background-color: white;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.trackMyoder2 .btn-cancel {
  background-color: white;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.trackMyoder2 .btn-cancel:hover {
  opacity: .7;
}

.track-btn-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.track-btn-return {
  display: flex;
  align-items: center;
  gap: 12px;
}

.upload-flex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 30px;
}

.right-edit-icon {
  position: absolute;
  right: 20px;
  top: 25px;
  color: var(--primary-color);
  cursor: pointer;
}

.codeDigit-box .form-control {
  min-height: 72px;
  font-size: 23px;
  text-align: center;
  font-weight: 600;
}

.stickyBottom-btn {
  display: none;
}


.no-results-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
      width: 100%;
}

.no-results-card {
  background: white;
  border-radius: 16px;
  padding: 3rem 2rem;
  text-align: center;
  max-width: 600px;
  width: 100%;
  box-shadow:rgba(99, 99, 99, 0.1) 0px 0px 9px 0px;
      margin-top: 50px;
}

.no-results-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
  line-height: 1.4;
}

.search-term {
  color: #6b7280;
  font-weight: 500;
}

.no-results-subtitle {
  color: #6b7280;
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.whatsapp-btn {
    border-radius: 12px;
    border: 1px solid #1fc16b;
    background: #1fc16b;
    color: var(--white-color);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    display: flex;
    padding: 13px 30px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(34, 197, 94, 0.2);
    margin: 0 auto;
    width:fit-content;
}

.whatsapp-btn:hover {
  border: 1px solid #0c954c;
  background: #0c954c;
  color: var(--white-color);
  transform: translateY(-1px);
}
.stockText {
    font-size: 13px;
    line-height: 18px;
    display: block;
    font-weight: 400;
}


.form-group .react-datepicker-wrapper {
    width: 100%;
}
 .form-group .react-datepicker {
    border-radius: 8px;
}
 .form-group .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
    background-color: #f37d28 !important;
}
 .form-group .react-datepicker__header {
    background-color: #ffffff;
    border-bottom: 0;
        border-radius: 8px;
}

.form-group .react-datepicker-wrapper .form-control {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M9 1.5V3.5H15V1.5H17V3.5H21C21.5523 3.5 22 3.94772 22 4.5V20.5C22 21.0523 21.5523 21.5 21 21.5H3C2.44772 21.5 2 21.0523 2 20.5V4.5C2 3.94772 2.44772 3.5 3 3.5H7V1.5H9ZM20 11.5H4V19.5H20V11.5ZM7 5.5H4V9.5H20V5.5H17V7.5H15V5.5H9V7.5H7V5.5Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: right 13px center;
    background-size: 21px;
    cursor: pointer;
}


.p_category_skeleton{
    width: 80px !important;
    display: block !important;
}

.terms_modal_link {
    display: inline;
    padding-left: 3px;
    cursor: pointer;
    color: var(--secondary-color);
    text-decoration: underline;
    font-weight: 400;
}

.couponDetailsDesc {
    max-height: calc(100vh - 170px);
    overflow: auto;
}
.couponDetailsDesc h1 {
    font-size: 26px;
    font-weight: 500;
}

.couponDetailsDesc h2 {
    font-size: 22px;
    font-weight: 500;
}

.floating-whatsapp {
  position: fixed;
  z-index:100;
  bottom: 10vh;
  right: 16px;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #25D366;
  color: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.2);
  overflow: visible; /* allow the ping to expand */
}

.wa-ping {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #25D366; /* start red */
  animation: wa-siren-ping 1.2s infinite;
  z-index: -1; /* behind the button */
}

@keyframes wa-siren-ping {
  0% {
    transform: scale(1);
    opacity: .8;
    background: #25D366; /* red */
  }
  50% {
    transform: scale(1.8);
    opacity: 0;
    background: #25D366;
  }
  50.01% {
    transform: scale(1);
    opacity: .8;
    background: #25D366; /* switch to blue */
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
    background: #25D366;
  }
}
.product-detail .floating-whatsapp{
  display:none
}



.reviewGallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 6px;
  margin-top: 8px;
}

.galleryItem {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 6px;
  /* border: 1px solid #eee; */
}

.galleryItem img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  /* display: block; */
}



.moreInfoSection .moreInfoDiv table {
  width: 100%;
  border-collapse: collapse;
  word-break: break-word;
  overflow-wrap: break-word;
  table-layout: auto;
  max-width: 100%;
}

.moreInfoSection .moreInfoDiv th,
.moreInfoSection .moreInfoDiv td {
  padding: 8px;
  border: 1px solid #ddd;
  text-align: left;
}

/* Make table scrollable on small screens */
@media (max-width: 768px) {
  .moreInfoSection .moreInfoDiv {
    overflow-x: auto;
  }

  .moreInfoSection .moreInfoDiv table {
    display: block;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0.9rem;
  }

  .moreInfoSection .moreInfoDiv th,
  .moreInfoSection .moreInfoDiv td {
    white-space: nowrap;
  }
}


.bank-option__label {
  display: block;
  background: #fff9f6;
  border: 1px solid #f3c6a5;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  direction: rtl;
  text-align: right;
  font-family: "Tajawal", sans-serif;
  transition: all 0.25s ease;

  .bank-option__content {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
  }

  .bank-option__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #f3c6a5;
    padding-bottom: 0.4rem;
    transition: color 0.2s ease;

    &:last-of-type {
      border-bottom: none;
    }

    .label {
      flex: 0 0 30%;
      color: #666;
      font-weight: 500;
      font-size: 0.9rem;
    }

    .value {
      color: #222;
      font-weight: 600;
      font-size: 0.95rem;
      word-break: break-all;
      direction: ltr;
      transition: color 0.2s ease;
    }

    &:hover .value {
      color: #d86b25; // highlight value only
    }

    .value-with-btn {
      display: flex;
      align-items: center;
      gap: 0.4rem;
    }

    .copy-btn {
      background: transparent;
      border: 1px solid #d86b25;
      color: #d86b25;
      border-radius: 6px;
      padding: 4px 6px;
      font-size: 1rem;
      cursor: pointer;
      transition: all 0.2s ease;

      svg {
        vertical-align: middle;
      }

      &:hover {
        background: #d86b25;
        color: #fff;
      }

      &:active {
        transform: scale(0.95);
      }
    }

    &--bank {
      .label {
        color: #d86b25;
        font-weight: 700;
      }
      .value {
        color: #d86b25;
      }
    }
  }
}

.country-code{
  min-height:10% !important;
}

.checkout-steps-wrapper {
  display: flex;
  align-items: center;
  justify-content:center;
  margin-bottom: 25px;
  gap: 16px;
  direction: rtl;
}

.checkout-step {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #999;
  transition: 0.2s;
  font-weight: 600;
}

.checkout-step:hover {
  color: #F37D28;
}

.checkout-step.active {
  color: #F37D28;
}

.step-number {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #fde8d8;
  color: #F37D28;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  font-weight: bold;
  font-size: 15px;
  border: 2px solid #f6c5a6;
}

.checkout-step.active .step-number {
  background: #F37D28;
  color: #fff;
  border-color: #F37D28;
}

.step-title {
  font-size: 16px;
}

.step-line {
  width: 60px;
  height: 2px;
  background: #ddd;
  border-radius: 3px;
}


.modern-address-card {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 18px;
  border: 1px solid rgba(225, 225, 225, 0.4);
  transition: 0.25s ease-in-out;
  cursor: pointer;
}

.modern-address-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.modern-radio {
  position: absolute;
  opacity: 0;
}

.modern-card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modern-badge {
  color: #d67b45;
  font-size: 14px;
  font-weight: 600;
  text-align: start;
}

.modern-icon-container {
  display: flex;
  justify-content: center;
}

.modern-icon {
  width: 60px;
}

.modern-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #b96a4c;
}

.modern-sub {
  text-align: center;
  font-size: 15px;
  color: #555;
}

.modern-location {
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
  color: #444;
}

.modern-actions {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 10px;
}

.modern-btn {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
}

.modern-btn.edit {
  background: rgba(255, 165, 90, 0.25);
}

.modern-btn.delete {
  background: rgba(255, 0, 0, 0.12);
}

.modern-btn:hover {
  transform: scale(1.08);
}

.modern-address-card {
  display: flex;
  flex-direction: column;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  padding: 18px;
  border: 1px solid rgba(225, 225, 225, 0.4);
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

/* When the radio input inside this label is checked, change the card background */
.modern-address-card input[type="radio"]:checked + .modern-card-content,
.modern-address-card input[type="radio"]:checked ~ .modern-card-content {
  /* We use ~ or + depending on your markup */
}

/* But since the input is inside label, and .modern-card-content is sibling,
   you can target the label itself when input is checked via :has if supported */
@supports (selector(:has(*))) {
  .modern-address-card:has(input[type="radio"]:checked) {
    background: rgba(214, 123, 69, 0.15);
    /* box-shadow: 0 0 12px rgba(214, 123, 69, 0.7); */
  }
}

/* Fallback if :has is not supported, you can just highlight .modern-card-content */

.modern-card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.selected-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  pointer-events: none;
}


.modern-btn-next {
    display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  gap: 8px;
  background: linear-gradient(135deg, #f9f9f9, #f1f1f1); /* secondary gradient */
  color: #333; /* dark text for contrast */
  font-weight: 600;
  font-size: 16px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.modern-btn-next:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08); /* subtle shadow for secondary button */
  background: linear-gradient(135deg, #f1f1f1, #e6e6e6);
}


.btn-icon {
  display: inline-block;
  vertical-align: middle;
  color: #333 !important;   /* ensure icon color matches text */
}



/*  */
.payment-item {
  background: #fff;
  border-radius: 12px;
  margin-bottom: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  overflow: hidden;
}

.payment-btn {
  width: 100%;
  border: none;
  background: none;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 14px;
  cursor: pointer;
  transition: 0.3s;
}

/* .payment-btn:hover {
  background: #f7f7f7;
} */

.payment-btn.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.payment-radio {
  transform: scale(1.3);
  cursor: pointer;
}

.payment-icon {
  font-size: 22px;
  color: #666;
}

.payment-title {
  flex-grow: 1;
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.arrow {
  font-size: 18px;
  opacity: 0.6;
}

.payment-body {
  padding: 16px;
  background: #fafafa;
}




.section-wrapper {
  position: relative; /* Needed so overlay positions correctly */
}

.loading-overlay {
  position: absolute;
  inset: 0;                         /* top: 0; right: 0; bottom: 0; left: 0 */
  background: rgba(255, 255, 255, 0.6); 
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;                     /* Ensures it sits on top */
}

.loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
}


.payment-card {
  border: 1px solid #ddd;
  border-radius: 10px;
  /* padding: 10px; */
  background: #fff;
  height: 100px;
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
  justify-content: center;
  cursor: pointer;
}

.payment-card {
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 8px;
  background: #fff;
  height: 105px;
  display: flex;
  flex-direction: column;
  /* gap: 10px; */
  justify-content: center;
}

.pm-icon {
  width: 40px;
}

/* TAP modal */
.tap-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.tap-modal {
  background: white;
  padding: 25px;
  border-radius: 10px;
  width: 90%;
  max-width: 400px;
  text-align: center;
}

.close-btn {
  margin-top: 20px;
  padding: 10px 20px;
  background: #000;
  color: #fff;
  border-radius: 8px;
  cursor: pointer;
}


.payment-swiper .swiper-pagination-bullet   {
  background-color: var(--primary-color);
}