@font-face {
  font-family: "Outfit";
  font-weight: 100;
  src: url(../fonts/Outfit-Thin.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 200;
  src: url(../fonts/Outfit-ExtraLight.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 300;
  src: url(../fonts/Outfit-Light.ttf);
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  src: url(../fonts/Inter_24pt-Medium.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 400;
  src: url(../fonts/Outfit-Regular.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 500;
  src: url(../fonts/Outfit-Medium.ttf);
}

@font-face {
  font-family: "Outfit";
  font-weight: 600;
  src: url(../fonts/Outfit-SemiBold.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 700;
  src: url(../fonts/Outfit-Bold.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 800;
  src: url(../fonts/Outfit-ExtraBold.ttf);
}
@font-face {
  font-family: "Outfit";
  font-weight: 900;
  src: url(../fonts/Outfit-Black.ttf);
}
body {
  direction: ltr;
  text-align: left;
  font-family: "Outfit", sans-serif;
  font-style: normal;
}
:root {
  --Dark-blue: #1a3a52;
  --Text: #4f4d48;
  --Beige: #b3aba1;
  --White: #fff;
  --borders: #e5e5e5;
  --Grey: #c3c3c3;
}

h1,
h2,
h3,
p,
h4,
h5,
h6 {
  margin: 0;
}
.gap-32 {
  gap: 32px;
}
h1 {
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: 111.111%;
}

.title h1,
.title h1 span {
  color: var(--Text);
  font-size: 48px;
  font-style: normal;
  font-weight: 300;
  line-height: 125%;
}
.title h1 span {
  font-weight: 700;
}
h4 {
  color: var(--Text);

  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}
.ourStoryImage {
  position: relative;
}

.banner,
.collectionImage,
.outdoorTransform,
.signinInmage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.banner {
  height: 1024px;
}

.headerNavbar {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  height: 78px;
  position: fixed;
  z-index: 10;
  width: 100%;
  background-color: #fff;
}

span,
.footerTop ul li a,
.filterDropDown .dropdown-toggle,
.filterDropDown .dropdown-item,
.breadcrumbPage a,
.breadcrumbPage .breadcrumb-item.active,
.productTabs .nav-link,
.numberTrendBox,
.inputFeild label,
.signinData .dropdown-item a,
.userPhone a,
.accountBox input::placeholder,
.searchText a,
.errorContent p,
.contentTable a,
.summeryData h6,
.failedBox li,
.cartItemsHeader th {
  color: var(--Beige);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
}
.breadcrumbPage a,
.breadcrumbPage li {
  white-space: nowrap;
}
h3,
.price h3 span {
  color: var(--Dark-blue);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.accountBox input::placeholder {
  font-size: 14px !important;
}
.footerTop ul li a,
.footerTop span,
.pageBannerData h1,
.pageBannerData p {
  color: var(--White);
}
.headerItem,
header .headerDropDown,
.headerDropDown .dropdown-item,
.headerDropDown .dropdown-item span,
.headerDropDown .dropdown-toggle span,
.headerDropDownMobile span,
.headerDropDownMobile a {
  color: var(--Dark-blue) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.headerDropDown .dropdown-item {
  padding: 8px 16px;
}

.headerItem,
.headerDropDownMobile a {
  letter-spacing: 2.4px;
  white-space: nowrap;
}
.headerItem:hover,
.headerItem.active,
.footerTop a:hover,
.footerTop a.active,
.headerDropDown .dropdown-item:hover {
  color: var(--Beige) !important;
}
.headerDropDown .dropdown-menu {
  min-width: 100px;
  width: max-content;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  top: 34px !important;
  border: 1px solid rgba(245, 241, 232, 0.5);
}

header .headerDropDown {
  color: var(--Text);
  border: 0 !important;

  padding: 0 !important;
}
.headerDropDown .dropdown-toggle {
  border: 0;
  background: unset;
  align-items: center;
  display: flex;
}
.headerDropDown .dropdown-toggle::after {
  border: 0;
  background-image: url(../Icon-697.svg);
  width: 14.578px;
  height: 14px;
}

.signinData.headerDropDown .dropdown-toggle::after {
  content: unset;
}
.rowGap {
  row-gap: 64px;
}
.rowGap32 {
  row-gap: 32px;
}
.rowGap24 {
  row-gap: 24px;
}

.sectionPadding {
  padding: 80px 0;
}
.bannerData {
  max-width: 672px;
  padding: 0 32px;
  z-index: 3;
}
.bannerData h1,
.transformTitle h1,
.BespokeTitle h1,
.BespokeTitle h1 span {
  color: var(--White);
  font-size: 72px;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
}
.BespokeTitle h1,
.summeryPrice span {
  color: var(--Text) !important;
}
.BespokeTitle h1 span {
  color: var(--Beige);
}
.bannerData h4,
.transformTitle h4 {
  color: rgba(255, 255, 255, 0.9);
}
.transformTitle h1 {
  font-weight: 600;
  line-height: 100%;
}
.btnTrans,
.btnForms {
  transform: skew(-15deg);
}
.formsBtnFilter {
  border-top: 1px solid var(--borders);
}
.btnTrans {
  /* padding: 15px 30px; */
  /* height: 56px; */
  cursor: pointer;
  display: flex;
  place-items: center;
}
.btnForms input {
  border: 1px solid var(--Dark-blue);
  background-color: unset;
  font-weight: 600;
  line-height: 150% !important;
}
.blueBtn {
  padding: 15px 36px;
}
.blueBtn,
.btnForms input.submitBtn {
  background-color: var(--Dark-blue);
  color: var(--White) !important;
  cursor: pointer !important;
}
.pageBreadCrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--Beige);
}
.btnForms input.submitBtn {
  padding: 15px 53px;
}
.whiteBtn {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 18px 43px;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}
.btnTrans a,
.btnTrans span {
  transform: skew(15deg);
}
.btnForms input.resetBtn {
  padding: 16px 65px;
  color: var(--Dark-blue) !important;
}
a {
  color: var(--White) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}
.blueBtn:hover,
.btnForms input.submitBtn:hover,
.rateFooter .beigeBtn {
  background-color: var(--Beige);
  color: var(--Dark-blue) !important;
}
button[type="submit"].blueBtn p,
.blueBtn p,
.whiteBtn p,
.rateFooter .blueBtn span,
.blueBtn i {
  color: var(--White) !important;
  font-weight: 600;
  transform: skew(15deg);
}

.cartSection {
  padding: 40px 0;
}
button[type="submit"].blueBtn,
.rateFooter .blueBtn {
  display: flex;
  justify-content: center;
  border: unset;
}

.errorSection .whiteBtn,
button[type="reset"].whiteBtn {
  border: 1px solid var(--Dark-blue) !important;
  padding: 12px 60px;
}
.errorSection .whiteBtn p,
button[type="reset"].whiteBtn p {
  color: var(--Dark-blue) !important;
}
p {
  color: rgba(44, 62, 80, 0.8);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 162.5%;
}
.socialMedia {
  transform: rotate(-90deg);
  gap: 32.7px;
  padding: 19px 0;
  position: absolute;
  left: -8%;
  z-index: 3;
}
.socialMedia i {
  color: var(--White);
}

h5 {
  color: var(--White);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 213.333%;
  margin: 0;
}
h2,
.shoppingTitle span {
  color: var(--Text);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 133.333%;
}
.shoppingTitle span {
  font-weight: 400;
}
h6,
.userPageBannerdata .pageBreadCrumb li,
.userPageBannerdata .pageBreadCrumb li a,
.rateCard textarea::placeholder,
.rateCard textarea,
.orderProductsLinks a,
.orderFooter .print,
.supportTeam a,
.accountBox .inputFeild label {
  color: var(--Beige);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 133.333%;
}
.rateCard textarea::placeholder,
.rateCard textarea {
  font-size: 12px !important;
  font-weight: 500;
}
.orderProductsLinks a {
  font-weight: 500;
}
h6 {
  letter-spacing: 0.6px;
}
.categoryName span,
.productDataRating span,
.productDesc span,
.backSignIn a,
.searchText a {
  color: var(--Text) !important;
}

.categoryImage {
  height: 108px;
}
.productPrice h1,
.summaryData span {
  color: var(--Dark-blue);
}

.shippingPrice span {
  color: #047857 !important;
}

.swiperBtn,
.productFav {
  background: var(--White);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 12px;
  cursor: pointer;
}
.productFav {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 4;
}
.swiperBtn svg {
  display: none;
}
.swiperBtn.swiper-button-next img {
  transform: rotate(180deg);
}

.swiperBtn.categoryNext {
  right: 0 !important;
}
.swiperBtn.categoryPrev {
  left: 0 !important;
}
.categoryPag {
  position: unset;
}
.categoryPag .swiper-pagination-bullet {
  background: var(--White);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border-radius: 0;
  width: 8px;
  opacity: 0.6;
  height: 8px;
}
.categoryPag .swiper-pagination-bullet-active {
  width: 32px;
  height: 8px;
  background-color: var(--Beige) !important;
}

footer {
  background-color: var(--Dark-blue);
}

.footerTop {
  padding: 64px 0;
}

.bs-gutter-x-48 {
  --bs-gutter-x: 48px;
}
.bs-gutter-x-64 {
  --bs-gutter-x: 64px;
}
.bs-gutter-x-32 {
  --bs-gutter-x: 32px;
}
.footerTop ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.logoFooter {
  width: 170px;
  height: 40px;
  flex-shrink: 0;
}

::placeholder,
input {
  color: #9ca3af !important;
  font-family: Inter;
}
.formContact label,
::placeholder,
input {
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 142.857% !important;
}
.formContact ::placeholder,
.formContact input,
.formContact textarea,
.Notes textarea {
  color: #c3c3c3;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 150% !important;
}
.formContact input,
.formContact textarea {
  padding: 12px 0 14px !important;
  border-radius: 0;
  border: unset;
  border-bottom: 2px solid var(--borders);
}
.formContact input:not([type="submit"]) {
  color: #212529 !important;
}
.formContact input:focus,
.formContact textarea:focus {
  box-shadow: unset !important;
  border-color: var(--Beige);
}
.formContact textarea,
.Notes textarea {
  min-height: 146px;
  max-height: unset;
}
.formContact label,
.breadcrumbPage a {
  color: var(--Dark-blue) !important;
}
input:focus {
  box-shadow: unset !important;
}
.footerTop input {
  padding: 8px 40px 9px 0;
  color: var(--White) !important;

  border-radius: unset !important;
}
.footerTop input,
.footerTop button {
  border: unset !important;
  border-bottom: 1px solid var(--Beige, #b3aba1) !important;
  background-color: unset !important;
}
.socialBox,
.beiegeBox,
.shareBox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.socialBox,
.shareBox {
  width: 40px;
  height: 40px;
}
.shareBox span {
  color: var(--White);
}
.socialBox {
  padding: 1px;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.beigeBox {
  background-color: var(--Beige);
  padding: 6px 20px;
}
.beigeBox h6 {
  font-weight: 600;
  color: var(--White);
}
.footerBottom {
  padding-bottom: 20px;
}
.footerBottom h6 {
  color: var(--White);
  font-weight: 400;
}

.blueBox {
  background: rgba(26, 58, 82, 0.8);
  padding: 16px 24px;
  position: absolute;
  left: 32px;
  top: 32px;
}
.blueBox h1,
.blueBox span {
  color: var(--White);
}

.numberBox {
  border-left: 4px solid var(--Beige);
  padding-left: 28px;
  width: 100%;
}

.numberBox h1,
.collectionImage h1,
.formContact h1,
.productName h1,
.RelatedArticles h1,
.signinText h1,
.paymentTitle h1 {
  color: var(--Dark-blue);
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
.smallCircle {
  display: flex;
  width: 4px;
  height: 4px;
  align-items: flex-start;
  flex-shrink: 0;
  background: var(--Beige);
}

.numberBox span {
  color: rgba(44, 62, 80, 0.7);
}
.Transform {
  background-size: cover;
  background-position: center;
  height: 600px;
  background-repeat: no-repeat;
}

.transformTitle {
  max-width: 665.859px;
  text-align: center;
}

.productText p {
  color: rgba(44, 62, 80, 0.7);
}
.imageProductData,
.errorTest {
  background: #f5f5f0;
}
.imageProductData {
  position: relative;
}
.imageProduct {
  height: 288px;
}

.beiegeBox {
  padding: 8px 16px;
  background: var(--Beige);
}
.beiegeBox h5 {
  color: var(--White);
  text-transform: capitalize;
}
.productName p {
  color: #2c3e50;
  font-weight: 500;
  line-height: 150%;
}

.sectionRowGap {
  row-gap: 64px;
}
.Bespoke {
  background: linear-gradient(0deg, #fff 0%, #f5f5f0 100%);
}

.titleCollection span {
  letter-spacing: 5px;
}

.beigeBorder {
  display: flex;
  width: 48px;
  height: 1px;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  background: var(--Beige);
}

.gap-12 {
  gap: 12px;
}
.BespokeText {
  max-width: 732px;
}
.BespokeText p,
.visitText p {
  color: rgba(79, 77, 72, 0.7);
}

.collectionImage {
  height: 700px;
  padding: 32px;
}

.collectionImage1 {
  height: 337px;
}
.collectionImage h1,
.collectionImage span,
.feacthearData h4,
.collectionImage h2 {
  color: var(--White);
}
.feacthearData h4 {
  text-transform: capitalize;
}
.feacthearData span {
  color: rgba(255, 255, 255, 0.7);
}
.feachearImage {
  padding: 14px;
}

.visitText {
  max-width: 672px;
}

.visitTitle h1,
.visitTitle h1 span {
  font-size: 60px;
  font-style: normal;
  font-weight: 300;
  color: var(--Text);
  line-height: 100%;
}
.visitTitle h1 span,
.placedData span,
.totalPriceCheckOut p {
  font-weight: 600;
}
.placedData span,
.totalPriceCheckOut p {
  color: var(--Dark-blue);
}
.visitTitle h1 {
  padding-bottom: 25px;
}
.titleBorder {
  background-color: var(--Beige);
  display: flex;
  width: 64px;
  height: 1px;
  justify-content: center;
  align-items: flex-start;
}
.visitTitle {
  max-width: 500px;
}

.titleSpacing span,
.selectionBox span {
  letter-spacing: 3.6px;
}
.headerDropDown .dropdown-item.active,
.headerDropDown .dropdown-item:hover,
.headerDropDown .dropdown-item:hover span,
.headerDropDown .dropdown-item:active,
.dropdown-item.active span {
  font-weight: 500;
  color: #40aac2 !important;
  background: #fff !important;
}

.rowGap20 {
  row-gap: 20px;
}

.navbar-toggler:focus {
  box-shadow: none;
}
.headerBox {
  display: flex;
  background: #f5f5f0;
  padding: 4px 12px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #2c3e50 !important;
  font-weight: 400;
  line-height: 133.333%;
  flex-shrink: 0;
}
.headerBox.active {
  color: #ffff !important;
  background: var(--Dark-blue);
}
.pageBanner {
  height: 500px;
}
.pageBannerData {
  z-index: 3;
  max-width: 672px;
  position: relative;
}
.pageBannerData h1 {
  font-weight: 700;
}
.pageBreadCrumb li,
.pageBreadCrumb li a,
.backSignIn a {
  font-size: 14px;
  white-space: nowrap !important;
  font-weight: 400;
  line-height: 142.857%;
  letter-spacing: 0.7px;
}
.pageBreadCrumb li,
.pageBreadCrumb li a {
  color: var(--Beige) !important;
}
/* .pageBanner .pageBreadCrumb li,
.pageBanner .pageBreadCrumb li a {
  color: var(--White) !important;
} */
.filter {
  padding: 16px 0;
  border-bottom: 1px solid rgba(179, 171, 161, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.rozaSelectionData::after {
  height: 100%;
  width: 4px;
  top: 0;
  left: 50%;
  content: "";
  position: absolute;
  background: linear-gradient(0deg, #b3aba1 0%, #1a3a52 50%, #b3aba1 100%);
  z-index: 1;
}
.shipmentTimelineData.active::before {
  height: 100%;
  width: 2px;
  top: 0;
  left: 0%;
  content: "";
  position: absolute;
  background: var(--Beige);
  z-index: 1;
}

.rozaSelectionText {
  max-width: 450px;
}

.rozaSelectionText h3 {
  color: var(--Text);
}
.selectionBox {
  padding: 8px 24px;
}
.selectionBox span {
  color: var(--White);
}
.rozaSelectionContent {
  position: relative;
}
.rozaSelectionContent h1 {
  color: var(--Dark-blue);
  max-width: 350px;
  line-height: 125%;
}
.allProductNumber {
  padding-bottom: 32px;
}
.allProductNumber span {
  color: rgba(26, 58, 82, 0.6);
}
.rozaSelectionContent:nth-child(odd) .selectionBox {
  background-color: var(--Beige);
}
.rozaSelectionContent:nth-child(even) {
  flex-direction: row-reverse !important;
}
.rozaSelectionContent:nth-child(even) .selectionBox {
  background-color: var(--Dark-blue);
}

.rozaSelectionContent:nth-child(even) .itemSelction {
  box-shadow: 0 20px 60px 0 rgba(26, 58, 82, 0.4);
}
.rozaSelectionContent:nth-child(odd) .itemSelction {
  box-shadow: 0 20px 60px 0 rgba(201, 184, 150, 0.4);
}
.itemSelction {
  display: flex;
  /* width: 128px;
  height: 128px; */
  padding: 20px;
  z-index: 2;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  top: 50%;
  text-align: center;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.filterBox {
  padding: 8px 24px;
  cursor: pointer;
  white-space: nowrap;
  background: #f5f1e8;
}
.filterBox span {
  color: rgba(44, 62, 80, 1);
}
.filterBox.active {
  background: var(--Beige);
}
.filterBox.active span {
  color: var(--White);
}
.filterText p {
  color: var(--Beige);
  font-weight: 500;
  line-height: 150%;
}
.filterDropDown {
  background: #efefef;
}
.filterDropDown .dropdown-toggle {
  border: 1px solid #f5f1e8;
  background: #efefef;
  padding: 9px 17px;
}
.filterDropDown .dropdown-toggle,
.filterDropDown .dropdown-toggle span {
  color: #2c3e50;
}

.numberOfQty {
  width: 35px;
  text-align: center;
}

.filterDropDown .dropdown-item {
  color: var(--Dark-blue) !important;
  padding: 10px 5px;
  text-align: start;
}
.filterDropDown .dropdown-item:not(:last-child),
.headerDropDown .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #f5f1e8;
}
.filterDropDown .dropdown-item:hover,
.filterDropDown .dropdown-item:focus {
  background-color: var(--Beige) !important;
  color: var(--White) !important;
}
.productFav.active i {
  color: #ef4444;
}
.productCardFav {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
}
/* .filterData {
  overflow-x: auto;
} */
.filterData,
.accountPage ul,
.contentTable {
  overflow-x: auto;
  flex-wrap: nowrap !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal {
  scrollbar-width: none;
}

.filterData::-webkit-scrollbar,
.accountPage ul::-webkit-scrollbar,
.contentTable::-webkit-scrollbar {
  display: none;
}
/* .filterData .filterBox {
  flex: 0 0 auto;
} */
.pagination {
  padding-top: 64px;
}
.productCard {
  padding: 17px;
  overflow: hidden;
  border: 1px solid var(--borders);
}
.pageBox {
  background: #f5f5f0;
  color: var(--Dark-blue) !important;
  height: 40px;
  width: 40px;
  display: flex;
  text-align: center;
  align-items: center;
  font-weight: 400;
  justify-content: center;
}
span.pageBox {
  background-color: #fff;
  pointer-events: none;
}
.pageBox.active {
  background: var(--Beige);
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
  color: #fff !important;
}
.imageProductCard {
  height: 246px;

  position: relative;
}

.imageProductCard::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 58, 82, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.viewBtn {
  position: absolute;
  opacity: 0;
  display: none;
  z-index: 4;
}
.imageProductCard:hover::after,
.imageProductCard:hover .viewBtn {
  opacity: 1;
  display: block;
}

.productRating i {
  color: var(--Rating, #eab308);
}

.productRating h6 {
  color: rgba(26, 58, 82, 0.6);
  font-weight: 400;
}
.Prodctprice h3 {
  color: var(--Beige);
}
.productCard .productName p,
.accountTitle h2 {
  color: var(--Dark-blue);
}
.accountTitle span {
  color: #c3c3c3;
}

.pageBox.disapeled,
.blueBtn.disapeled {
  background: #f5f5f5;
  pointer-events: none;
}
.blueBtn.disapeled p,
.pageBox.disapeled i {
  color: var(--Grey) !important;
}
.pageBox i {
  width: 18.75px;
  height: 18px;
}

.filterModal,
.cartModal {
  width: unset;
  /* height: max-content; */
  background: #fff;
  max-width: 448px;
}
.filterModal .modal-content,
.cartModal .modal-content {
  border: 0;
  background-color: unset;
}
.cartModal .modal-dialog {
  margin: 0 !important;
  padding: 20px 24px 21px 24px;
}
.cartHeader {
  padding-bottom: 21px;
  border-bottom: 1px solid #f5f1e8;
}
.filterModal .modal-dialog {
  margin: 0 !important;
  padding: 17px 24px;
}
.filterHeader {
  padding-bottom: 17px;
  border-bottom: 1px solid var(--borders);
}
.btnModal {
  cursor: pointer;
}
/* .divider {
  height: 100%;
  width: 14px;
  background-color: var(--Beige);
} */
.filterModalBox {
  padding: 24px 0;
}
.priceBox {
  padding: 12px 9px;
  border: 1px solid var(--borders);
  background: var(--White);
}
.priceBox input {
  border: unset !important;
  padding: 0;
  color: #4f4d48 !important;
}
.priceBox input::placeholder {
  color: #4f4d48 !important;
}
.priceBox p {
  color: var(--Dark-blue);
}

.priceRnageInput {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: var(--borders);
  outline: none;
  border-radius: 20px;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
}

.priceRnageInput:hover {
  opacity: 1;
}

.priceRnageInput::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: var(--Beige);
  border-radius: 50%;
  cursor: pointer;
}

.priceRnageInput::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: var(--Beige);
  border-radius: 50%;
  cursor: pointer;
}
label,
.accountBox .inputFeild label {
  color: var(--Dark-blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.bs-gutter-x-12 {
  --bs-gutter-x: 12px;
}

.rowGap12 {
  row-gap: 12px;
}
.collectionText {
  background: #f5f5f0;
  padding: 12px 16px;
}
.collectionText label,
.notificationAccountBox span {
  font-weight: 500;
  line-height: 142.857%;
  color: var(--Text);
}

input {
  accent-color: var(--Dark-blue);
}
.allColorsBox {
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
}
.allColorCollection {
  grid-template-columns: repeat(2, 1fr);
}
.colorBox {
  display: flex;
  width: 40px;
  height: 40px;
  border: 1px solid #f0f0f0;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  cursor: pointer;
}
.banner1::after {
  background-image: linear-gradient(
    90deg,
    rgba(15, 37, 55, 0.8) 0%,
    rgba(15, 37, 55, 0.6) 50%,
    rgba(0, 0, 0, 0) 100%
  );
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  content: "";
}
.colorActive.active {
  background-image: url(../activeItem.svg);
  background-repeat: no-repeat;
  background-position: center;
}
/* .colorActive.active {
  box-shadow: 0 0 0 4px #b3aba1, 0 0 0 2px #fff;
} */
.allMaterialBox,
.allMaterialBox2 {
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
}
.filterTitle span {
  color: var(--Text);
}
.materialName {
  height: 30px;
}
.MaterialBox {
  display: flex;
  width: 46.406px;
  height: 46.406px;
  justify-content: center;
  cursor: pointer;
  border: 1px solid #f0f0f0;
  align-items: flex-start;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) inset;
}
.allColorsBox {
  height: 40px;
  transition: height 5s;
  overflow: hidden;
}
.allColorsBox.active {
  height: auto;
  /* overflow: visible; */
}

#hide img {
  transform: rotate(180deg);
}

.MaterialText {
  background: #f5f5f0;
  padding: 12px;
  cursor: pointer;
}
.MaterialText p,
.ErrorText span,
.errorTest span {
  color: #c3c3c3;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.filterModal .MaterialText p {
  height: 30px;
}
.MaterialText.active {
  box-shadow: 0 0 0 2px #b3aba1, 0 0 0 0 #fff;
}
.MaterialText h6,
.additinalData h6,
.freeShipping h6 {
  color: var(--Dark-blue);
}
.NaturalTeak h6,
.MaterialText h6,
.additinalData h6,
.cloudColor h6,
.notificationAccountBox h6,
.summaryData h6,
.payemntDeatilsBox h6,
.supportTeam h6 {
  letter-spacing: normal;
  font-weight: 400;
}
.RelatedArticlesTitle h6 {
  font-weight: 400;
  letter-spacing: 3.6px;
}

.imageProduct img {
  mix-blend-mode: multiply;
}
.form-switch .form-check-input,
.form-switch .form-check-input:focus {
  background-image: url(../SPAN-922.svg);
  border-radius: unset;
  border: unset;
  display: flex;
  width: 48px;
  height: 24px;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  background-size: 17px;
  background-position: center left 14%;
  margin: 0;
  background-color: #f5f5f0;
}
.form-switch .form-check-input:checked {
  background-image: url(../SPAN-922.svg);
  background-color: var(--Beige);
  background-size: 17px;
  background-position: center right 14%;
}
.form-switch {
  padding: 0;
  margin: 0;
}

.contactDetails {
  background-color: var(--Dark-blue);
  padding: 64px;
  height: 100%;
}
.contactDetails * {
  color: var(--White);
}
.contactBox,
.blueBoxNews,
.nameBox {
  background: var(--Beige);
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.contactDetails a {
  font-weight: 400;
}
.contactDetails a:hover {
  color: var(--Beige) !important;
}
.formContact {
  padding: 64px 32px;
}

.boxData {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.productBreadCrumb {
  padding: 100px 0 16px;
}
.productsData {
  padding-bottom: 64px;
}
.breadcrumbPage .breadcrumb-item + .breadcrumb-item::before {
  content: unset;
}

.thumbswiper .swiper-slide {
  border: 1px solid var(--borders);
  opacity: 0.6;
}
.thumbswiper .swiper-slide-thumb-active {
  opacity: 1;
  border: 3px solid var(--Beige);
}
.productMainImage,
.imageProductSwiper,
.errorBox {
  background: #f5f5f0;
}

.productMainImage {
  padding: 16px;
}
.slide-counter {
  background: var(--White);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(2px);
  padding: 6px 12px;
}
.productSellectContent {
  padding: 12px;
  background: var(--White);
  box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1),
    0 10px 15px -3px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  margin-top: 16px;
}
.slide-counter span {
  color: var(--Text);
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
}
/* .productContent {
  position: absolute;
  z-index: 3;
} */

.productSwiper .swiper-slide img {
  mix-blend-mode: multiply;
}

.boxColor {
  border: 2px solid var(--White);
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
  display: flex;
  width: 24px;
  height: 24px;
  padding: 2px;
  align-items: flex-start;
  flex-shrink: 0;
}
.boxSellection:not(:last-child) {
  padding-right: 12px;
  border-right: 1px solid var(--borders);
}
.boxSellection h6,
.notificationAccountBox h6,
.placedData h6,
.itemsOrderedData h6,
.searchContent h6,
.headerDropDownMobile h6 {
  font-weight: 400;
  line-height: 133.333%;
  color: var(--Text);
}
.SelectionTitle h6,
.freeShipping h6 {
  font-weight: 500;
  line-height: 133.333%;
}

.thumbProductImage {
  height: 96px;
}
.imageProductSwiper {
  height: 550px;
}
.thumbProductImage img,
.imageProductSwiper img {
  height: 100%;
}

.cloudColorAll {
  grid-template-columns: repeat(12, 1fr);
  gap: 8px;
  max-width: 381px;
}
.cloudColorAll.active {
  max-width: 100%;
}
.allColorsBox .colorActive.active {
  border: 3px solid var(--Beige);
}

.boxQty {
  border: 1px solid var(--borders);
  cursor: pointer;
  display: flex;
  width: 44px;
  height: 44px;
  padding: 1px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.qty_numb {
  color: var(--Dark-blue);
  font-weight: 600;
  line-height: 155.556%;
}

.additinalData {
  border-top: 1px solid var(--borders);
  padding-top: 25px;
}

.icon {
  display: flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #f5f5f0;
}

.productTabs {
  border-bottom: 1px solid var(--borders);
  gap: 32px;
}
.productTabs .nav-link {
  color: #c3c3c3 !important;
  text-align: start;
  padding: 0;
  padding-bottom: 16px;
  font-weight: 500;
}

.productTabs .nav-link.active,
.productTabs .show > .nav-link {
  color: var(--Dark-blue) !important;
  background-color: unset !important;
  border-bottom: 2px solid var(--Dark-blue);
  border-radius: 0;
}

.newsBanner {
  height: 665.594px;
}

.newsAuther span {
  color: var(--White);
}

.newsAuther .smallCircle {
  background-color: var(--White);
}

.boxNewsLetter {
  padding: 32px;
  gap: 20px;
  background: #f5f5f0;
}

.userPhone a,
.privacyText span,
.boxNewsLetter span,
.privacyText span,
.boxNewsLetter span,
.tabsText span {
  color: var(--Text) !important;
  line-height: 162.5%;
}
.blueBoxNews {
  background: var(--Dark-blue);
}

.NewsLetterForm input {
  padding: 12px 16px;
  font-family: Outfit;
  border: unset;
  color: var(--Text) !important;
}
.newsCardType {
  margin-bottom: 18px;
}

.NewsLetterForm input[type="submit"] {
  padding: 12px 66px;
  font-weight: 600 !important;
}
.filterNews {
  padding: 48px 0;
}

.filterNews .filterBox h6,
.accountFilters .filterBox h6,
.contentTable,
.cartFreeShipping span {
  color: var(--Dark-blue) !important;
  font-weight: 500;
}
.accountFilters .filterBox {
  background: #f5f5f0;
}
.filterNews .filterBox.active,
.accountFilters .filterBox.active {
  background-color: var(--Dark-blue);
}
.filterNews .filterBox.active h6,
.accountFilters .filterBox.active h6 {
  color: var(--White) !important;
}

.newsCard {
  background: var(--White);
  gap: 13.057px;
  box-shadow: 0 1.088px 2.176px 0 rgba(0, 0, 0, 0.05);
  padding: 26.114px;
}
.type {
  background: #f5f5f0;
  padding: 4.352px 13.057px;
}
.type h6 {
  color: var(--Dark-blue);
  font-size: 13.057px;
  font-style: normal;
  font-weight: 500;
  line-height: 133.333%;
  letter-spacing: 0.653px;
}
.newsDesc {
  height: 74px;
}
.newsDesc p {
  font-size: 15.233px;
  line-height: 162.5%;
  color: var(--Text);
  -webkit-line-clamp: 3;
}
.RelatedNewsCardTitle {
  height: 50px;
}
.newsTitle h3,
.newsDesc p,
.RelatedNewsCardTitle h4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.RelatedNewsCardTitle h4 {
  -webkit-line-clamp: 2;
}

.nsBox {
  display: flex;
  width: 25.603px;
  height: 30.466px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: var(--Dark-blue);
}

.autherData {
  border-top: 1.088px solid #f5f5f0;
  padding-top: 18.497px;
  gap: 13.6px;
  width: 100%;
}
.nsBox h6 {
  color: var(--White);
  font-size: 10.881px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.sectionTitle h1 {
  color: var(--Dark-blue);
}
.sectionTitle span {
  letter-spacing: 0.7px;
}
.autherData span {
  color: var(--Text);
  font-size: 13.057px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
  max-width: 150px;
}

.newsImage {
  /* width: 100%; */
  height: 226.317px;
}

.newsImage img,
.latestNewsImage img,
.imageProductCard img,
.imageProduct img,
.ourStoryImage img,
.RelatedNewsImage img,
.categoryImage img,
.orderImage img,
.searchImage img,
.cartItemModalImage img,
.paymentImage img,
.orderImageBig img,
.checkoutItemImage img {
  max-height: 100%;
}
.newsImage,
.latestNewsImage,
.imageProductCard,
.imageProduct,
.ourStoryImage,
.RelatedNewsImage,
.categoryImage,
.orderImage,
.searchImage,
.cartItemModalImage,
.paymentImage,
.orderImageBig,
.checkoutItemImage {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newsTitle h3 {
  color: var(--Dark-blue);
  font-size: 19.585px;
  font-weight: 600;
  line-height: 137.5%;
  -webkit-line-clamp: 5;
}
.newsTitle {
  height: 107.718px;
}
.newsTitle1 h1 {
  color: var(--Dark-blue);
  font-size: 26.114px;
  font-style: normal;
  font-weight: 700;
  line-height: 137.5%;
}
.newsTitle1 h3 {
  font-weight: 700;
}
.autherData p {
  color: var(--Dark-blue);
  font-size: 13.057px;
  font-weight: 500;
  line-height: 133.333%;
}

.autherData1 {
  border: unset;
  padding: 0;
}
.newsCardAutherData span {
  font-size: 15.233px;
  max-width: unset;
  line-height: 142.857%; /*  */
}
.visitUs .blueBtn {
  padding: 18px 45px;
}
.headerDropDown .dropdown-toggle span {
  color: var(--Text) !important;
}
.theLatestNews {
  padding-bottom: 34.818px;
}

.latestNewsImage {
  height: 475px;
}
.newsImage1 {
  height: 243.726px;
}
.numberTrendBox {
  background: #f5f5f0;
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  color: var(--Dark-blue);

  font-weight: 700;
  flex-shrink: 0;
}
.gap-20 {
  gap: 20px;
}
.trendingText span {
  color: var(--Dark-blue);
  font-weight: 500;
  line-height: 137.5%; /*  */
  letter-spacing: normal;
}
.trendingText h6 {
  color: var(--Text);
  font-weight: 400;
  letter-spacing: normal;
}

.trendingBox {
  padding: 33px;
  border: 1px solid #f5f5f0;
}
.trendingBox h4,
.modalTitle h4 {
  color: var(--Dark-blue);
  font-weight: 700;
  line-height: 155.556%;
}

.tagsBox {
  padding: 8px 16px;
  color: var(--Dark-blue) !important;
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  line-height: 133.333%;
  background: #f5f5f0;
}
.tagsBox.active {
  background-color: var(--Dark-blue);
  color: #f5f5f0 !important;
}
.tagsBox1 {
  padding: 8px 16px;
  color: var(--Dark-blue) !important;
  font-family: Outfit;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;

  line-height: 133.333%;
  background: #f5f5f0;
}

.outdoorTransform {
  height: 366px;
}

.outdoorTransform *,
.newsDataBanner * {
  color: var(--White);
}
.newsDataBanner .beigeBox h6 {
  font-weight: 400;
}

.newsDataBanner {
  padding: 64px 0;
}

.pageBreadCrumbText {
  border-bottom: 1px solid var(--borders);
  padding: 16px 0;
}

.breadcrumbPage,
.headerDropDownMobile {
  scrollbar-width: none;
  overflow-x: scroll;
}

.shareBox {
  background: var(--Dark-blue);
}

.newsDescDetails h3,
.shareNews span,
.additinalDataNews p,
.tagsNews span {
  color: var(--Text);
  font-weight: 400;
}
.shareNews span {
  letter-spacing: 0.7px;
}

.shareNews {
  padding: 25px 0;
  border-bottom: 1px solid var(--borders);
  border-top: 1px solid var(--borders);
}

.additinalDataNews h4 {
  font-weight: 700;
  color: var(--Dark-blue);
}

.qutation {
  padding: 64px 0;
  position: relative;
  border-bottom: 1px solid var(--borders);
}
.allTagsNews {
  padding-top: 33px;
}
.qutationText {
  padding-left: 32px;
  border-left: 4px solid transparent;
  border-image: linear-gradient(0deg, #b3aba1 0%, #1a3a52 100%) 1;
}
.qutationText h2 {
  color: var(--Dark-blue);
  font-weight: 400;
  line-height: 162.5%;
}
.qutationText span {
  color: var(--Text);
}
.qutation img {
  position: absolute;
  top: 16%;
}

.RelatedArticles {
  padding-bottom: 80px;
}
.RelatedArticlesSwiper {
  padding-top: 48px;
}
.RelatedNewsCard {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.rateHeader {
  padding: 16px 24px 17px 24px;
  border-bottom: 1px solid #f5f5f5;
}
.RelatedNewsCardText {
  padding: 24px;
  border: 1px solid var(--borders);
}
.rate img {
  width: 13.319px;
}
.RelatedNewsCardText h4 {
  font-weight: 700;
  color: var(--Dark-blue);
  line-height: 137.5%; /*  */
}
.RelatedNewsImage {
  height: 192px;
}
.RelatedNewsCardText h6 {
  font-weight: 400;
}
.relatedNewsdata span {
  color: var(--Text);
  padding-top: 4px;
}
.signinData h6,
.modalTitle h6 {
  font-weight: 400;
  color: var(--Text);
  letter-spacing: normal;
}

.signinData span {
  color: #2c3e50;
  font-weight: 500;
}

.btnBeigne {
  padding: 12px 0;
  text-align: center;
}

.headerDropDown.signinData .dropdown-menu {
  left: unset;
  right: 0;
}
.accountDtatMOdal {
  padding: 12px 16px 0;
  text-align: start;
}

.signin.btnBeigne,
.btnBeigne:hover {
  background: var(--Beige);
  color: var(--White) !important;
}

.btnBeigne,
.btnBeigne.signin:hover {
  color: var(--Beige) !important  ;
  background: var(--White);
  border: 1px solid var(--Beige);
}
.signinTextHeader {
  border-top: 1px solid #f5f1e8;
  padding: 13px 16px;
  background: rgba(245, 241, 232, 0.3);
  max-width: 200px;
}

.forgetPassword a,
.agree a {
  color: var(--Beige) !important;
}
.forgetPassword a,
.signInForm label,
.signInBtn,
.agree a,
.continueShoppping a {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 142.857%;
}
.continueShoppping {
  padding-top: 25px;
}
.continueShoppping a {
  color: var(--Text) !important;
}
.signinInmage {
  height: 944px;
}
.signupSection .signinInmage {
  height: 1200px;
}
.signinInmage h1 {
  color: var(--White);
}
.signinInmage h4 {
  color: var(--White);
}

.divider1 {
  height: 1px;
  width: 100%;
  background-color: #f5f1e8;
}
.continueDivider span {
  color: rgba(44, 62, 80, 0.5);
  white-space: nowrap;
  font-weight: 400;
}

.signinText {
  padding-bottom: 40px;
}
.signupSection .signinText,
.relatedProductTitle {
  padding-bottom: 32px;
}
.signInForm {
  padding: 64px;
  padding-left: 0;
}

.signInForm input:not([type="submit"]) {
  border: 1px solid #f5f1e8;
  background: #f5f5f0;
  padding: 17px 17px 17px 49px;
}
.signInForm label,
.signInBtn {
  color: var(--Dark-blue) !important;
}
.signInBtn {
  width: 100%;

  padding: 13px 17px;
  border: 1px solid #f5f1e8;
}
.googleBtn i {
  color: rgba(239, 68, 68, 1);
}

.faceBtn i {
  color: rgba(37, 99, 235, 1);
}

.signupConrtanier a {
  color: var(--Beige) !important;
}

.inputFeild img {
  position: absolute;
  inset: 16px;
  top: 18px;
}
.inputFeild i {
  position: absolute;
  top: 22px;
  cursor: pointer;
  color: var(--Dark-blue);
  right: 16px;
}
.accountBox .inputFeild i {
  top: 11px;
}
.signupConrtanier {
  padding-top: 12px;
}

.rowGap-20 {
  row-gap: 20px;
}
.inputFeild label {
  font-weight: 500;
}

.Materials input,
.Additional input,
.defultAddress input {
  display: flex;
  width: 20px;
  height: 20px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  appearance: none;
  -webkit-appearance: none;
}
.defultAddress input {
  border: 1px solid var(--Dark-blue);
}
.Materials input,
.Additional input {
  border: 2px solid var(--borders);
}

.Materials input:checked,
.Additional input:checked,
.defultAddress input:checked {
  background: url(../../images/DIV-702.svg) no-repeat center;
  border: unset;
  background-size: cover;
}
.defultAddress input:checked {
  background: url(../../images/DIV-60.svg) no-repeat center;
}
.rangeslider {
  display: grid;
  position: relative;
}
.rangeslider input {
  grid-row: 2;
  grid-column: 1;
  appearance: none;
  pointer-events: none;
  z-index: 2;
  background: transparent;
}

.rangeslider input::-webkit-slider-thumb {
  pointer-events: auto;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--Beige);
  cursor: pointer;
  z-index: 3;
}

.sliderInput {
  position: absolute;
  background-color: var(--borders);
  width: 100%;
  height: 8px;
  top: 4px;
  overflow: hidden;
  border-radius: 20px;
  /* top: 50%;
  transform: translate(50%); */
}

.sliderInputProgress {
  width: 100%;
  position: absolute;
  background-color: var(--Beige);
  height: 100%;
}

.signinText p,
.formCheck label,
.signupConrtanier span,
.inputFeild input {
  color: var(--Text) !important;
}
.signinData .dropdown-item a {
  font-weight: 400;
  color: var(--Dark-blue) !important;
}
.signinData .dropdown-item {
  padding: 10px;
  min-width: 150px;
}
.signinData ul {
  padding: 0;
  margin: 0;
}
.signinData .dropdown-item:not(:last-child) {
  border: unset;
}

.signinData .dropdown-item:last-child a,
.accountPage li:last-child a {
  color: #dc2626 !important;
}
.accountPage li img.active,
.accountPage li.active img.default,
.contentTable li img.active,
.contentTable li.active img.default {
  display: none;
}
.accountPage li.active img.active,
.accountPage li img.default,
.contentTable li.active img.active,
.contentTable li img.default {
  display: block;
}
.userPageBannerdata {
  padding-bottom: 32px;
}
.accountBanner {
  height: 280px;
}

.userPageBannerdata h1,
.userPageBannerdata .pageBreadCrumb li,
.userPageBannerdata .pageBreadCrumb li a,
.userPageBannerdata .breadcrumb-item + .breadcrumb-item::before {
  color: var(--White) !important;
}

.accountPage {
  border: 1px solid var(--borders);
  background: var(--White);
  padding: 25px;
  height: 100%;
}

.accountPage ul a,
.contentTable li a {
  font-weight: 500;
  color: var(--Dark-blue) !important;
}
.accountPage li,
.contentTable li {
  padding: 12px 16px;
  white-space: nowrap;
}

.userDetails h6 {
  font-weight: 400;
  color: var(--Text);
}
.accountPage li:last-child {
  padding-top: 25px;
  border-top: 1px solid var(--borders);
}
.noData img,
.forgetBox {
  background: #f5f5f0;
  max-width: 64px;
  padding: 17px;
}
.gap-md-32 {
  gap: 32px;
}
.accountPage li.active,
.contentTable li.active {
  background-color: var(--Dark-blue);
}

.accountPage li.active a,
.contentTable li.active a {
  color: var(--White) !important;
}
.orderImage {
  height: 36px;
}

.orderData h6,
.notifyBox h6 {
  color: var(--Text);
  letter-spacing: normal;
  font-weight: 400;
}

.orderBox {
  padding: 4px 12px;
}

.greenBox {
  background: #d1fae5;
}
.greenBox * {
  color: #047857;
}
.yellowBox {
  background: #fef3c7;
}
.yellowBox * {
  color: #b45309;
}
.redBox {
  background: #fee2e2;
}
.redBox * {
  color: #dc2626;
}
.orderBlueBox {
  background: #e0f2fe;
}
.orderBlueBox * {
  color: #0369a1;
}
.orderBox h6 {
  font-weight: 500;
}
.ordersAccordion .accordion-button::after {
  margin-left: 16px;
  background-image: url(../Icon-190.svg);
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../Icon-190.svg);
}
.ordersAccordion .accordion-button:not(.collapsed),
.accordion-button:focus {
  color: unset !important;
  background-color: var(--White) !important;
  box-shadow: unset !important;
}
.ordersAccordion .accordion-button {
  padding: 16px 24px !important;
  border: 1px solid var(--borders);
}
.price p {
  color: var(--Dark-blue);
  font-weight: 700;
}

.numberNotification {
  background: #dc2626;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}
.notificationBox {
  background: #dc2626;
  padding: 2px 8px;
}
.numberNotification span,
.notificationBox h6 {
  color: var(--White);
}

.accountSection {
  padding: 48px 0;
}

.accountPagination {
  border-top: 1px solid var(--borders);
  padding-top: 25px;
}

.notifyBox {
  border: 1px solid var(--borders);

  padding: 17px;
}
.newNotifyBox,
.addressBox {
  border: 1px solid var(--Beige);
  background: rgba(245, 245, 240, 0.5);
}
.newNotify {
  display: flex;
  width: 8px;
  height: 8px;
  align-items: flex-start;
  background: #dc2626;
}
.addressBox {
  padding: 21px;
}

.notificationTime span,
.notificationTime a,
.cartPrice h6,
.redirectedLink span {
  font-size: 11px;
  line-height: 150%;
  font-weight: 400;
}

.notificationTime a {
  color: var(--Dark-blue) !important;
}
.notificationTime span,
.redirectedLink span,
.cartFreeShipping h6 {
  color: #c3c3c3;
}
.cartFreeShipping h6 {
  font-weight: 400;
}
.notifyImag {
  background: #f5f5f0;
  padding: 11px;
}
.notificationTime {
  padding-top: 4px;
}

.addressLink img,
.allColorsNumber,
.cartImage {
  cursor: pointer;
}
.addressUserName span,
.subTotal span {
  color: var(--Dark-blue) !important;
  font-weight: 500;
}

.addressLocation {
  height: 45.5px;
}
.addressLocation h6,
.summaryData h6,
.cartPrice h6 {
  color: var(--Text);
  font-weight: 400;
}

.accountBox {
  border: 1px solid var(--borders);
  background: var(--White);
  padding: 25px;
}

.accountBox input {
  padding: 11px 13px;
  border: 1px solid var(--borders);
  color: var(--Text) !important;
  font-weight: 400 !important;
}
.accountBox input::placeholder {
  color: #c3c3c3 !important;
}
.accountBox input.submitBtn,
.paymentBtn .btnTrans {
  min-width: 204.857px;
  justify-content: center;
  padding: 12px 32px;
}

#cancleAddress {
  border-color: var(--Dark-blue) !important;
}
.ordersAccordion .accordion-body .orderData span {
  font-weight: 500;
}

.ordersAccordion .accordion-body {
  padding: 9px 24px;
}
.productOrderCard {
  padding: 12px 0;
}

.rateBtn {
  border: 1px solid;
  color: #eab308 !important;
  background: #fffbeb;
}
.whiteBtnLink {
  border: 1px solid var(--borders) !important;
}

.whiteBtnLink,
.whiteBtnLink * {
  color: var(--Dark-blue) !important;
}
.cartModal .whiteBtnLink {
  border-color: var(--Dark-blue) !important;
}
.cartModal .btnTrans {
  text-align: center;
}
.cartModal .blueBtn {
  padding: 20px 60px !important;
}
.orderProductsLinks {
  padding-top: 17px;
}
.cartPrice,
.orderProductsLinks {
  border-top: 1px solid #f5f5f5;
}
.cartPrice {
  padding: 21px 0;
}
.orderProductsLinks a {
  padding: 9px 21px;
  cursor: pointer;
}
.rateCard {
  padding: 17px;
  border: 1px solid var(--borders);
}

.rateCard textarea {
  min-height: 70px;
  padding: 11px 13px;
}

.char,
.charText span {
  font-size: 10px;
  line-height: 150%;
}
.char {
  position: absolute;
  bottom: 3px;
  right: 12px;
}

.rateBody,
.rateFooter {
  padding: 20px 24px;
}
.rateFooter {
  justify-content: center;
  border-top: 1px solid var(--Borders, #e5e5e5);
}
.rateFooter .beigeBtn span {
  color: var(--White) !important;
}

.rateFooter button {
  /* height: 48px; */
}
.rateFooter .beigeBtn {
  background-color: #c3c3c3;
  padding: 12px 50px;
}

.rateFooter .whiteBtn span {
  color: var(--Dark-blue);
}
.placeBox {
  padding: 13px 17px;
  border: 1px solid rgba(179, 171, 161, 0.5);
  background: rgba(245, 245, 240, 0.5);
}
.iconImage {
  background: var(--White, #fff);
  padding: 9px;
}

.itemsOrderedData {
  padding: 6px 16px;
  border: 1px solid var(--Borders, #e5e5e5);
}
.itemsOrderedData .productOrderCard:not(:last-child) {
  padding-bottom: 13px;
  border-bottom: 1px solid #f5f5f5;
}

.accountBox p:not(.error),
.filterTitle p,
.addQtyData span,
.titleOrders span,
.orderData span,
.notifyBox span,
.price span {
  color: var(--Dark-blue) !important;
  font-weight: 600;
}

/* WooCommerce sale price: del/ins spacing and readable strikethrough */
.woocommerce .price {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5em;
  row-gap: 0.15em;
}

.woocommerce .price del {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  color: var(--Text) !important;
  opacity: 0.75;
  font-weight: 500 !important;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}

.woocommerce .price del span,
.woocommerce .price del .woocommerce-Price-amount,
.woocommerce .price del .amount {
  color: inherit !important;
  font-weight: inherit !important;
}

.woocommerce .price ins {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  text-decoration: none !important;
}

.woocommerce .price ins span,
.woocommerce .price ins .woocommerce-Price-amount,
.woocommerce .price ins .amount {
  color: var(--Dark-blue) !important;
  font-weight: 700 !important;
}

.totalPrice {
  padding-top: 11px;
  border-top: 1px solid var(--borders);
}

.totalPrice span {
  color: var(--Dark-blue);
  font-weight: 700;
}
.itemsOrderedData h6 {
  line-height: 162%;
  letter-spacing: normal;
}

.user h6,
.searchContent span,
.searchTitle h1 {
  color: var(--Dark-blue);
  font-weight: 500;
}
.orderFooter .print {
  padding: 8px 16px;
}
.orderFooter .blueBtn {
  padding: 8px 20px;
}

.noData span,
.orderFooter .print,
.searchTitle span {
  color: var(--Text) !important;
  font-weight: 400;
}
.searchForm input {
  padding: 17px 49px 17px 57px;
}

.newSctionPadding {
  padding: 160px 0 80px;
}

.searchText span {
  color: #737373;
}

.searchBox {
  padding: 13px;
  border: 1px solid var(--borders);
}

.searchImage {
  height: 96px;
}

.noDataImage {
  background: #f5f5f0;
  display: flex;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
}

.noData {
  padding: 64px 0;
}
.errorLine {
  height: 1.37px;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #c9b896 100%);
  width: 100%;
}

.errorBox {
  width: 20px;
  height: 8.18px;
  background-color: var(--Beige);
}

.ErrorText h1 {
  font-size: 224px;
  line-height: 100%;
  color: var(--Dark-blue);
  letter-spacing: -11.2px;
}
.ErrorText span {
  letter-spacing: 4px;
  color: var(--Beige);
}

.errorTitle h1 {
  font-weight: 500;
  color: #2c3e50;
}

.errorContent p,
.errorContent h6 {
  color: #737373;
}
.errorContent p span {
  color: #1a3a52;
}
.errorContent h6 {
  font-weight: 400;
}
.errorContent p,
.errorContent p span {
  line-height: 162.5%;
}

.errorTest {
  padding: 12px 25px;
}

.errorTest span {
  letter-spacing: 3px;
  color: #737373;
}

.errorTest .errorBox {
  width: 6px;
  height: 6px;
}

.errorSection .whiteBtn a,
.tableText h6,
.privacyText h2,
.relatedProductTitle h2 {
  color: var(--Dark-blue) !important;
}

.privacyBox {
  display: flex;
  width: 44px;
  height: 44px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background: #f5f5f0;
}
.privacyBox img {
  width: 20.828px;
  height: 20px;
}
.privacyText {
  padding-bottom: 48px;
  border-bottom: 1px solid var(--borders);
}
.privacyText:not(:first-child) {
  padding-top: 64px;
}

.cartModal {
  left: unset;
  right: 0;
}

.cartNumber {
  padding: 2px 10px;
  display: flex;
  width: 26.594px;
  justify-content: center;
  height: 20.5px;
  align-items: center;
  flex-shrink: 0;
  background: var(--Dark-blue);
}

.cartNumber span {
  font-size: 11px;
  font-weight: 500;
  line-height: 150%;
  color: var(--White);
}
.cartModal h4,
.titleStep h4 {
  color: var(--Dark-blue);
  font-weight: 600;
  line-height: 155.556%;
}
.titleStep h6 {
  color: #c3c3c3;
}
.freeShipping {
  padding: 12px 56px 12px 24px;
  background: #f5f5f0;
}

.cartItemModal {
  padding: 16px 0 17px;
}
.cartItemModal:not(:last-child) {
  border-bottom: 1px solid var(--borders);
}

.cartContent * {
  color: var(--Dark-blue);
  font-weight: 500;
}

.cartItemModalImage {
  height: 80px;
}
.orderSummeryBox {
  padding: 24px;
  background: rgba(245, 241, 232, 0.3);
}

.priceData,
.advanceRoza,
.headerDropDownMobile {
  padding-top: 17px;
  border-top: 1px solid #f5f5f0;
}

.summeryTitle h4,
.priceData p {
  font-weight: 600;
  color: var(--Dark-blue);
}

.advanceRoza h6 {
  color: var(--Text);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.shoppingTitle h2,
.summeryData span {
  color: var(--Dark-blue);
}

.summeryData h6 {
  color: var(--Text);
}

.summeryDataPrice span {
  font-weight: 500;
}

.cartItemsData {
  border: 1px solid #f5f1e8;
  background: #fff;
  padding: 25px;
}

.summeryCheckout {
  border-top: 1px solid var(--borders);
  padding-top: 17px;
}
.summeryCheckout span {
  color: var(--Dark-blue);
}
.totalPriceCheckOut {
  padding-top: 18px;
  border-top: 2px solid var(--borders);
}

.paymentText {
  max-width: 448px;
  padding-bottom: 48px;
}

.paymentSection {
  padding: 64px 0;
}

.paymentIcon {
  padding-bottom: 12px;
}

.orderPaymentText h6,
.OrderPaymentPrice span,
.payemntDeatilsBox h6,
.payemntDeatilsBox span,
.failedBox span {
  font-weight: 400;
  color: var(--Text);
}

.orderPaymentText h4,
.OrderPaymentData span,
.OrderPaymentPrice p,
.payemntDeatilsBoxTitle span,
.failedBox p {
  color: var(--Dark-blue);
  font-weight: 600;
}
.orderPaymentText h4 {
  line-height: 155.556%;
}

.failedBox p {
  line-height: 150%;
}
.paymentBox {
  padding: 32px;
  background: rgba(245, 241, 232, 0.3);
}
.payemntDeatilsBox a {
  color: var(--Beige) !important;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22.75px; /* 162.5% */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.orderPaymentText {
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(245, 245, 240, 0.5);
}
.OrderPaymentData,
.payemntDeatils,
.supportTeam {
  padding-top: 32px;
}

.ordersData {
  background-color: var(--White);
  padding: 16px;
}

.paymentImage,
.orderImageBig {
  height: 64px;
}

.payemntDeatilsBox {
  background: rgba(245, 241, 232, 0.3);
  padding: 24px;
  min-height: 195px;
}

.paymentBtn {
  padding-top: 40px;
}
.supportTeam a {
  color: var(--Dark-blue) !important;
  font-weight: 400;
}

.supportTeam h6 {
  color: #c3c3c3;
}

.failedBox {
  padding: 33px;
  border: 1px solid #fecaca;
  background: rgba(254, 226, 226, 0.2);
}
.faildIcon {
  background: #fee2e2;
  display: flex;
  padding: 10px;
  align-items: center;
  flex-shrink: 0;
}

.failedBox li {
  position: relative;
  color: var(--Text);
  padding-left: 20px;
}
.failedBox li::before {
  top: 50%;
  width: 6.25px;
  height: 6px;
  position: absolute;
  left: 0;
  display: flex;
  background-color: red;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
  content: "";
}

.cartItemsHeader th,
.cartItemsHeader h6 {
  color: var(--Dark-blue);
  font-weight: 500;
  padding: 0;
  padding-bottom: 16px;
  letter-spacing: 0.3px;
}
.cartItemsHeader {
  border-bottom: 1px solid var(--borders);
}

.quantityData {
  border: 1px solid var(--borders);
  max-width: 100px;
}
.quantityData .boxQty {
  width: 32px;
  /* pointer-events: none; */
  border: unset;
  color: #c3c3c3;
  height: 32px;
}
.quantityData .minus.boxQty {
  border-left: 1px solid var(--borders);
}
.quantityData .boxQty.plus {
  border-right: 1px solid var(--borders);
}
.cartItemsProduct {
  padding: 20px 0 21px 0;
  border-bottom: 1px solid var(--borders);
}

.cartItemsProduct .price span {
  font-weight: 400;
}

.cartItemsProduct .totalPriceQty span,
.Delivery span {
  font-weight: 600;
}
.removeItems {
  padding-top: 8px;
}
.removeItems h6 {
  color: var(--Red, #dc2626);
  font-weight: 400;
}

.categoryName h6,
.Delivery h6 {
  color: var(--Text);
  font-weight: 400;
}

.copyBox h6,
.Delivery span {
  color: var(--Dark-blue);
}

.shipmentTimelineData {
  position: relative;
}
.shipmentTimeline {
  padding-left: 16px;
  padding-bottom: 20px;
}
.shipmentTimelineData::after {
  display: flex;
  width: 14px;
  height: 14px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  top: 0;
  left: -5px;
  content: "";
  position: absolute;
  background: var(--White, #fff);
  z-index: 2;
  border: 2px solid var(--Beige);
}
.shipmentTimelineData.active::after {
  background: url(../DIV-475.svg) center no-repeat;
}
.shipmentTimeline span {
  color: var(--Dark-blue);
  font-weight: 500;
}
.shipmentTitle span {
  color: var(--Dark-blue);
  font-weight: 600;
}
.shipmentTimeline h6 {
  font-weight: 400;

  color: var(--Text);
}
.dateShipped h6,
.progressShipment span,
.progressShipment h6 {
  color: #c3c3c3;
}
.copyBox,
.rateHeader img,
.rateCard .rateProduct img,
.addressLink img,
.allColorsNumber,
.cartImage {
  cursor: pointer;
}

.inputFeild {
  position: relative;
}
.error {
  font-size: 9px;
  text-transform: capitalize;
  font-weight: 300 !important;
  position: absolute;
  color: red !important;
  bottom: -14px;
}
.rateProduct i {
  cursor: pointer;
  color: #c3c3c3;
}
.rateProduct i.active,
.rateProduct i.normal {
  color: #eab308;
}
.rateProduct {
  padding-bottom: 12px;
}
.isInvalid {
  border: 2px solid red !important;
}
.modal .whiteBtn P {
  font-weight: 600;
  color: var(--Dark-blue) !important;
}

.headerDropDownMobile li {
  padding: 0.5rem 0;
}

.headerDropDown li:last-child,
.headerDropDownMobile li:last-child {
  padding: 15px 10px 0;
  border-top: 1px solid var(--borders);
}
.headerDropDownMobile li:last-child {
  padding: 105x 0;
}
.signinData .dropdown-item.active,
.headerDropDownMobile li.active {
  background: #f5f5f0 !important;
}

.fitout {
  width: 136.21px;
  height: 27px;
  padding: 6px 0;
  left: -50px;
  top: 9px;
}
.fitourProduct,
.fitout {
  display: flex;
  position: absolute;

  z-index: 3;
  transform: rotate(-45deg);
  justify-content: center;
  align-items: center;
  gap: 6px;
  background: var(--Dark-blue);
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1),
    0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.fitourProduct {
  width: 211.612px;
  height: 41.946px;
  padding: 9.321px 0;
  top: 40px;
  left: -45px;
  gap: 9.321px;
}
.collectionImageSellector {
  height: 24px;
}
.collectionImageSellector img {
  height: 100%;
}

.cartModal .btnTrans {
  width: 100%;
  padding: 10px 0 !important;
  text-align: center;
  justify-content: center;
}

.rateProduct.disapeled {
  pointer-events: none;
}

.headerNavbar .numberNotification span {
  color: #fff !important;
}
.headerDropDown .dropdown-item .numberNotification span {
  background-color: unset !important;
  color: #fff !important;
}

.firstNewsCard .newsTitle1 {
  height: 215px;
}
.firstNewsCard {
  height: 100%;
}

.msg-error.error1 {
  color: red;
  text-align: center;
}
.iti {
  width: 100%;
}

.Transform .whiteBtn {
  backdrop-filter: blur(2px);
  background: rgba(255, 255, 255, 0.1);
}
.banner .whiteBtn {
  padding: 14px 43px;
}
.accordion-item .orderImage {
  width: 36px;
}
.accordion-item .orderImage img {
  max-width: 100% !important;
}

.newsAuther {
  z-index: 3;
  position: relative;
}

.checkoutItemImage {
  height: 80px;
}
.editAddress i {
  color: var(--Grey, #c3c3c3);
}

.noAddressData a {
  text-decoration: underline;
}

.noAddressData h4,
.noAddressData a {
  font-weight: 600;
  color: var(--Dark-blue) !important;
}

.addressNoDataText {
  max-width: 320px;
  text-align: center;
  padding-bottom: 16px;
}