/*===================== REUSABLE  CSS AREA START =====================*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* font-family: 'Rubik', sans-serif; */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.2s ease-in-out;
}

body {
  font-family: 'Rubik', sans-serif;
}


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

button,
input {
  border: none;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;

}

p {
  margin: 0;
  padding: 0;
  line-height: 25px;
}

a {
  text-decoration: none;
}

.btns {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

main {
  overflow: hidden !important;
}


.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1219px;
  margin: 0 auto;
}

/*===================== REUSABLE CSS AREA END =====================*/

/*===================== OFFCANVAS CSS AREA START =====================*/
.menu-close {
  font-size: 18px;
  color: #fff;
  position: absolute;
  top: 20px;
  right: 18px;
  cursor: pointer;
  transition: 0.4s;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-close:hover {
  color: #000;
  background: #fff;
}

.offcanvas-area {
  position: fixed;
  left: -100%;
  height: 100%;
  width: 318px;
  z-index: 9999;
  padding-top: 35px;
  background: #2C273D;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  visibility: hidden;
  top: 0;
  overflow-y: scroll;
}

.offcanvas-area.active {
  left: 0;
  visibility: visible;
}

.offcanvas-area .main-menu ul li a {
  font-size: 18px;
  color: #fff;
  display: block;
  transition: 0.3s;
  padding: 16px 22px;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}

.offcanvas-area .main-menu ul li a:hover {
  color: #000 !important;
  background: #fff;
}

.offcanvas-area .main-menu ul li:first-child a {
  border-top: 1px solid #fff;
}

.offcanvas-area .main-menu ul li a:hover,
.offcanvas-area .main-menu ul li a[aria-expanded="true"] {
  color: #d5d5d5;
}

.offcanvas-menu .main-menu ul {
  display: block;
  padding-left: 0;
  margin-bottom: 35px;
  list-style: none;
}

.offcanvas-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 99;
}

.offcanvas-overlay.active {
  opacity: 0.4;
  visibility: visible;
}

.offcanvas-area {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.offcanvas-area::-webkit-scrollbar {
  display: none;
}

.offcanvas-menu {
  margin-top: 100px;
}

/*===================== OFFCANVAS CSS AREA END =====================*/

/*===================== HEADER CSS AREA START =====================*/
.header__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header__logo {
  width: 77px;
}

.header__btns {
  display: flex;
  align-items: center;
  gap: 25px;
}

.header__btns a:first-child img {
  width: 24px;
}

.header__info {
  position: relative;
}

.notification {
  color: #2D283E;
  font-size: 25px;
  position: relative;
}

.notification:after {
  content: '2';
  position: absolute;
  top: -6px;
  right: -11px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #812BB2 0% 0% no-repeat padding-box;
  border: 2px solid #FAFBFC;
}

.header__wrap>ul {
  display: flex;
  align-items: center;
  gap: 29px;
}

.header__wrap>ul>li>a {
  color: #2D283E;
  font-weight: bold;
  font-family: 'FONTSPRING DEMO - Roc Grotesk';
  border-radius: 25px;
  border: 1px solid #fff;
  padding: 0px 12px;
  height: 41px;
  display: flex;
  align-items: center;
}

.header__wrap>ul>li>a:hover {
  border: 1px solid #2D283E;
}

header#header__area {
  margin-bottom: 57px;
}

.search {
  display: block;
}

.search.active {
  display: none;
}

.search__close {
  width: 30px;
  display: flex;
  justify-content: end;
}

.close {
  font-size: 28px;
  color: #2D283E;
  display: none;
}

.close.active {
  display: block;
}

.search__area {
  max-width: 581px;
  margin: 0 auto 368px;
  display: none;
}

.main {
  display: block;
}

.main.active {
  display: none;
}

.search__area.active {
  display: block;
}

.input__search {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 18px;
  border-radius: 10px;
  margin-bottom: 10px;
  color: #2D283E;
}

.input__search input {
  width: 100%;
}

.input__search a {
  color: #2D283E;
  font-size: 22px;
}

.search__list {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 16px 25px 28px;
}

.search__list ul li p {
  color: #2D283E;
}

.search__list ul li span {
  color: #5D596A;
}

.search__list ul li span,
.search__list ul li p {
  font-weight: 500;
}

.search__list ul li {
  font-size: 14px;
}

.search__list ul {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-bottom: 10px;
  margin-bottom: 14px;
  border-bottom: 1px solid #DDDDDD;
}

.search__list ul:last-child {
  border: none;
  margin: 0;
  padding: 0px;
}

.search__list ul li:last-child {
  display: flex;
  align-items: center;
  gap: 26px;
}

.search__list ul li:last-child p {
  font-weight: 600;
}

.search__list ul li:last-child span {
  position: relative;
  padding-right: 16px;
}

.search__list ul li:last-child span:after {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22F011;
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
}



.notification__area {
  min-width: 428px;
  width: 100%;
  margin-left: auto;
  position: absolute;
  top: 55px;
  right: 0px;
  left: 0px;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: 0s ease-in-out;
}

.notification__area.active {
  opacity: 1;
  visibility: visible;
}

.order__summary.order__summary2 {
  gap: 14px;
}

.order__summary.order__summary2 h6 {
  font-size: 18px;
  margin-bottom: 8px;
}

.order__price.order__price2 ul {
  margin-bottom: 11px;
}

.order__price.order__price2 ul:last-child {
  margin: 0px;
}

.cart {
  display: block;
  text-align: center;
  color: #fff !important;
  font-size: 14px;
  background: #812BB2 !important;
  border-radius: 100px;
  padding: 18px;
  border: none !important;
}

.body__overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: none;
}

.body__overlay.active {
  display: block;
}

.header__bar a {
  display: flex;
  align-items: center;
  color: #2D283E;
  gap: 11px;
  font-size: 14px;
  font-weight: bold;
  margin-left: 4px;
}

.header__bar a span {
  font-size: 21px;
}












.modal__content.modal__content__cart>h5 {
  margin-bottom: 26px;
  font-size: 18px;
  font-weight: 500;
  color: #344054;
}

.modal__content__btn.modal__content__btn__cart {
  padding-right: 22px;
}

.modal__price__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
  padding-bottom: 5px;
  border-bottom: 1px solid #DDDDDD;
}

.quantity__price,
.modal__price__list ul li:last-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 240px;
  width: 100%;
}

.modal-dialog.modal-dialog-cart2 {
  max-width: 693px;
  width: 100%;
}

.modal__price__list ul li span {
  color: #5D596A;
  font-weight: 500;
}

.modal__price__list ul li p {
  color: #2D283E !important;
  font-weight: 500;
}

.modal__price__list ul {
  display: flex;
  align-items: end;
  justify-content: space-between;
  padding-bottom: 18px;
  margin-bottom: 21px;
  border-bottom: 1px solid #DDDDDD;
}

.modal__price__list ul:last-child {
  margin-bottom: 0px;
  border: none;
}

.price__total.price__total__cart {
  justify-content: end;
}

.price__total.price__total__cart h5 {
  font-size: 19px;
}

.modal__btn.modal__btn-cart {
  justify-content: end;
}

/*===================== HEADER CSS AREA END =====================*/

/*===================== FOOTER CSS AREA START =====================*/
footer#footer__area {
  background: #2C273D;
}

.footer__wrap {
  padding: 77px 0px 50px;
}

.order__btn_blk {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 222;
  display: none;
}
.order__btn_blk a {
  padding: 10px;
  border-radius: 0;
  margin: 0;
}
.footer__content>a img {
  max-width: 323px;
}

.footer__contact {
  margin-top: 70px;
}

.footer__content {
  color: #fff;
  font-size: 18px;
}

.contact__first p {
  color: #D0D7E1;
}

.contact__first h6 {
  margin-bottom: 8px;
}

.contact__first:first-child {
  margin-bottom: 23px;
}

.contact__first p a {
  color: #D0D7E1;
  text-decoration: underline;
}

.footer__social {
  display: flex;
  align-items: center;
  gap: 27px;
  margin-top: 54px;
}

.footer__social a {
  color: #D0D7E1;
  font-size: 24px;
}

.footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.footer__list>ul {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__list>ul>li>a {
  color: #D0D7E1;
  font-size: 18px;
  font-weight: 500;
}

.copyright {
  border-top: 1px solid #d0d7e138;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #D0D7E1;
  padding: 47px 0px 74px;
  font-size: 18px;
}

.privacy__policy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 52px;
  text-decoration: underline;
}

.privacy__policy a {
  color: #D0D7E1;
}

/*===================== FOOTER CSS AREA END =====================*/
/*===================== OFFER CSS AREA START =====================*/
.offer__title {
  margin-bottom: 35px;
}

.offer__home {
  color: #5D596A;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 37px;
}

.offer__home a {
  color: #5D596A;
}

.offer__home span {
  font-size: 10px;
  color: #812BB2;
}

.offer__title__btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.title__btn {
  display: flex;
  align-items: center;
  gap: 8px;
}

.title__btn a {
  background: #2D283E;
  border-radius: 24px;
  padding: 4px 21px 0px;
  height: 37px;
  font-weight: bold;
  color: #fff;
  font-size: 15px;
  font-family: 'FONTSPRING DEMO - Roc Grotesk';
}

.offer__title__btn h2 {
  font-size: 44px;
  font-family: 'RocGrotesk';
  font-weight: 500;
}

.search__filter a img {
  width: 15px;
}

.find__filter {
  background: #2D283E;
  border-radius: 8px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #fff !important;
  padding: 0px 14px;
  flex-shrink: 0;
}

.f_count {
  color: #000;
  background: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 14px;
  display: none;
}

.f_count.active {
  display: flex;
}

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


section#mortens__area {
  margin-bottom: 138px;
}

section#offer__area {
  margin-bottom: 138px;
}

.offer__filter {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 12px #2D283E00;
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  padding: 37px 30px;
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.filter__search {
  background: #FCFCFC 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 23px;
}

.filter__search input {
  color: #354C58;
  background: transparent;
  width: 100%;
}

.filter__search span {
  font-size: 25px;
}

.check__area {
  display: flex;
  align-items: start;
  gap: 10px;
}

.check__area label {
  color: #5D596A;
  font-size: 15px;
}


.custom__check {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 5px;
  position: relative;
  width: 19px;
  height: 19px;
  overflow: hidden;
}

.mark__check {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: transparent;
  font-size: 14px;
}

.custom__check input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.custom__check input:checked~.mark__check {
  background: #44318D;
}

.single__filter__check {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

div#accordionExample {
  border: none !important;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.filter__check__toggle {
  border: none !important;
}

.accordion-item {
  border: none;
}

.accordion-button::after {
  display: none;
}

button.accordion-button.acc__btn {
  font-size: 16px;
  color: #2D283E;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
  background: transparent;
}

.accordion-button:not(.collapsed) {
  box-shadow: none !important;
  background-color: transparent;
  color: #2D283E;
  padding: 0px;
}

button.accordion-button.acc__btn span,
button.accordion-button.acc__btn2 .xmark {
  color: #7B88A5;
  transform: rotate(45deg) !important;
}

.accordion-button.acc__btn:not(.collapsed) span,
.accordion-button.acc__btn2:not(.collapsed) .xmark {
  transform: rotate(0deg) !important;
}

span.xmark {
  position: absolute;
  top: 0px;
  right: 0px;
}

.accordion__btn>span {
  color: #2D283E !important;
}

.accordion-body>.single__filter__check {
  margin: 20px 0px 46px;
}

.accordion-body {
  padding: 0px;
}

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

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

.offer__display__title p {
  color: #5D596A;
}

.offer__display__title p span {
  color: #2D283E;
}

.display__title__select {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 220px;
}

.display__title__select.acc__btn span {
  color: #5D596A;
  display: block;
}

select.form-select {
  border: none;
  background-color: transparent;
  padding-right: 0px;
  width: 151px;
}




.btn__lists {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 90px;
  color: #5D596A;
  margin-bottom: 17px;
}

.accordion__btn h5 {
  color: #2D283E;
  font-size: 18px;
  margin-bottom: 8px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 8px;
}

.accordion__btn h5 span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.a_orange {
  background: #FFB91E;
}

.a_green {
  background: #22F011;
}

.accordion__nav {
  display: flex;
  align-items: center;
  gap: 28px;
}

.ul__accordion {
  display: flex;
  align-items: center;
  gap: 28px;
}

.accordion__btn {
  width: 100%;
}

.accordion__nav p {
  color: #2D283E;
}

.ul__accordion>li {
  display: flex;
  align-items: center;
  gap: 8px;
}

.in__stock {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.disply__content__accordion {
  margin-top: 26px;
}

.stock__btn span {
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 19px;
}

span.floral {
  background: #EEEAF366;
  color: #8165A6;
  border-radius: 19px;
}

span.floral:hover {
  background: #8165A6;
  color: #fff;
}

span.citrus {
  color: #FFC953;
  background: #FFFBF3;
}

span.citrus:hover {
  background: #FFC953;
  color: #fff;
}

span.spicy {
  color: #D83F86;
  background: #FDF5F9;
}

span.stone {
  color: #DF8D7F;
  background: #FBF0EE66;
}

span.stone:hover {
  color: #fff;
  background: #DF8D7F;
}

span.spicy:hover {
  background: #D83F86;
  color: #fff;
}

.in__stock>span {
  font-size: 14px;
  color: #5D596A;
  position: relative;
  padding-right: 20px;
}

.in__stock>span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background: #22F011;
  border-radius: 50%;
}

.accordion__item1 {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 12px #2D283E1A;
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  margin-bottom: 4px;
  padding: 25px;
}

button.accordion-button.collapsed {
  padding: 0px;
}

.content__disply {
  display: flex;
  justify-content: space-between;
  margin-bottom: 19px;
}

.content__disply p {
  color: #5D596A;
  font-size: 14px;
  max-width: 349px;
  line-height: 20px;
}

.disply__loyalty {
  background: #FAFBFC;
  padding: 19px 35px;
  border-radius: 18px;
  max-width: 313px;
  width: 100%;
}

.btn__disply__content {
  display: flex;
  align-items: center;
  gap: 6px;
}

.btn__disply__content>a,
.btn__disply__content>button {
  color: #2D283E;
  font-size: 14px;
  font-weight: bold;
  height: 37px;
  padding: 0px 32px;
  border: 1px solid #2D283E;
  border-radius: 24px;
  gap: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.btn__disply__content>button:hover {
  background: transparent;
  color: #2D283E;
  border: 1px solid #2D283E;
}

.btn__disply__content>button span {
  width: 10px;
  height: 10px;
  background: #FFB91E;
  border-radius: 50%;
}

.btn__disply__content>a:last-child {
  background: #812BB2;
  color: #fff;
  border: 1px solid #812BB2;
}

.disply__loyalty h6 {
  margin-bottom: 13px;
  font-size: 14px;
  color: #2D283E;
  font-weight: bold;
}

.disply__loyalty h6 span {
  color: #6D6979;
  font-size: 12px;
}

.price_sec {
  display: flex;
  gap: 26px;
}

.price_sec p {
  font-size: 14px;
  color: #5D596A;
}

.price_sec p span {
  font-weight: 600;
  display: block;
  margin-top: 5px;
}

.btn-close {
  background: none;
}

.modal-header {
  border-bottom: none;
  padding: 0px;
}

.modal-body {
  padding: 0px;
}

.modal-header {
  border-bottom: none;
  padding: 0px;
}

.modal-body {
  padding: 0px;
}

.modal-content {
  padding: 12px 12px 30px 30px;
}

.modal__content__btn {
  padding-right: 80px;
}

.modal__content p:first-child {
  color: #2D283E;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 19px;
}

.modal__content p:last-child {
  font-size: 14px;
  line-height: 20px;
  color: #5D596A;
}


.quantity {
  border: 1px solid #E6E4E4;
  border-radius: 12px;
  height: 35px;
  width: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity span {
  width: 100%;
  text-align: center;
  color: #2D283E !important;
  font-weight: bold;
  cursor: pointer;
}

.price__quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}


.modal__btn>a {
  padding: 10px 17px;
  border-radius: 24px;
}

.modal__btn>a:last-child {
  border: 1px solid #706a6a;
  color: #2D283E;
}

.modal__btn>a:first-child {
  color: #fff;
  background: #812BB2;
}

.modal__btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin-top: 42px;
}

.modal-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

/* div#exampleModal {
  display: flex !important;
  align-items: center;
  justify-content: center;
} */
/*===================== OFFER CSS AREA END =====================*/

/*===================== MY-PAGE CSS AREA START =====================*/
.document__details {
  box-shadow: 0px 3px 12px #2D283E00;
  border: 1px solid #EFEFEF;
  border-radius: 12px;
  padding: 35px 35px 48px;
  background: #fff;
}

.document__title h3 {
  color: #5D596A;
  font-size: 28px;
  font-weight: bold;
}

.document__tetail__title {
  margin-bottom: 31px;
}

.document__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.document__list p {
  color: #5D596A;
  font-size: 20px;
}

.document__list span {
  background: #5D596A;
  color: #fff;
  padding: 1px 10px;
  border-radius: 12px;
}

.document__list:last-child {
  margin-top: 15px;
  padding: 13px 0px;
  border-top: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}


.document__title {
  display: flex;
  align-items: end;
  gap: 10px;
}

.document__title a {
  color: #5D596A;
  font-size: 15px;
  text-decoration: underline;
}

.document__tetail__title h6 {
  margin-top: 9px;
  font-size: 16px;
  color: #5D596A;
}

.details__contact {
  display: flex;
  flex-direction: column;
  gap: 21px;
}

.contact__details {
  padding-bottom: 18px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  align-items: start;
  gap: 16px;
  color: #5D596A;
}

.contact__details span {
  font-size: 19px;
}

.contact__details a {
  color: #5D596A;
  font-size: 16px;
  line-height: 22px;
}

.account__setting {
  margin-top: 40px;
}

.account__setting h3 {
  color: #5D596A;
  font-size: 28px;
  font-weight: bold;
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.account__setting a {
  color: #5D596A;
  font-size: 15px;
  text-decoration: underline;
}

section#mypage__area {
  margin-bottom: 142px;
}

/*===================== MY-PAGE CSS AREA END =====================*/

/*===================== INVOICES CSS AREA START =====================*/
.invoices__filter {
  display: flex;
  align-items: center;
  gap: 29px;
}

.invoices__single__select {
  display: flex;
  align-items: center;
}

.invoices__single__select select {
  width: 80px;
}

.invoices__single__select span {
  color: #5D596A;
}

.invoices__single__select:last-child select {
  width: 62px;
}


.invoices__table table {
  width: 100%;
}

.invoices__table table thead tr th {
  color: #4C495D;
  padding-bottom: 13px;
}

.invoices__table table tbody tr td,
.invoices__table table tbody tr td h6 {
  color: #5D596A;
  font-size: 14px;
}

.invoices__table table tbody tr td button {
  background: #812BB2 0% 0% no-repeat padding-box !important;
  border-radius: 5px !important;
  color: #fff !important;
  padding: 8px 9px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: 92px !important;
  margin-left: auto !important;
  border: none !important;
  font-size: 14px;
}

button.btn.btn-primary img {
  width: 14px;
}

.invoices__table table tbody tr {
  background: #fff;
  box-shadow: 0px 3px 12px #2D283E00;
  border: 1px solid #EFEFEF;
  border-radius: 12px;
}

tbody,
td,
tfoot,
th,
thead,
tr td {
  padding: 20px 24px;
}

section#invoices__area {
  margin-bottom: 181px;
}

.waiting__payment {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #2d283e21 0% 0% no-repeat padding-box;
  border-radius: 26px;
  color: #2D283E;
  padding: 6px 10px;
  max-width: 175px;
}



.modal-dialog.modal-dialog2 {
  max-width: 645px;
  width: 100%;
}

.bill__modal__title {
  padding-bottom: 15px;
  margin-bottom: 12px;
  border-bottom: 1px solid #EFEFEF;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

.bill__modal__title h3 {
  color: #344054;
  font-size: 33px;
  font-weight: 500;
}

.modal-content.modal-content2 {
  padding: 48px 40px 30px;
}

.modal-header.modal-header2 {
  position: absolute;
  top: 16px;
  right: 16px;
}

.bill__modal__btns {
  display: flex;
  align-items: center;
  gap: 4px;
}

.bill__modal__btns a {
  height: 46px;
  padding: 0px 30px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
}

a.download {
  color: #fff;
  background: #812BB2;
}

a.print {
  border: 1px solid #2D283E;
  color: #2D283E;
}

.bill__modal__terms ul li a {
  color: #5D596A;
  text-decoration: underline;
}

.bill__modal__terms {
  border-bottom: 1px solid #EFEFEF;
  padding-bottom: 22px;
  margin-bottom: 19px;
}

.saleperson__sms h6 {
  margin-bottom: 12px;
  font-size: 14px;
  color: #4C495D;
  font-weight: 600;
}

.salepersion__user {
  display: flex;
  align-items: start;
  gap: 15px;
}

.saleperson__contact {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.saleperson__contact a {
  color: #5D596A;
}

.saleperson__contact>span {
  font-weight: 500;
}

.saleperson__contact a span {
  font-size: 15px;
}

.saleperson__contact a:last-child {
  text-decoration: underline;
}

.saleperson__img {
  width: 56px;
  height: 56px;
  background: #CCCCCC;
  border-radius: 50%;
  flex-shrink: 0;
}

/*===================== INVOICES CSS AREA END =====================*/

/*===================== ACCOUNT-DETAILS CSS AREA START =====================*/
.account__details__wrap {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 37px 70px 41px 25px;
}

.account__details__title {
  margin-bottom: 42px;
}

.account__details__title h3 {
  color: #2D283E;
  font-size: 26px;
  margin-bottom: 9px;
}

.account__details__title span {
  color: #5D596A;
}

.form__info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 30px;
}

.input__label {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.input__field {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.input__field label {
  font-size: 14px;
  color: #4C495D;
  font-weight: 600;
}

.input__field input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 18px;
  color: #667085;
}

form button {
  background: #812BB2;
  font-weight: bold;
  color: #fff;
  margin-left: auto;
  display: block;
  padding: 0px 40px;
  height: 54px;
  border-radius: 108px;
}

section#detailss__area {
  margin-bottom: 61px;
}

/*===================== ACCOUNT-DETAILS CSS AREA END =====================*/

/*===================== Customer-Information CSS AREA START =====================*/
.information__title {
  margin-bottom: 23px;
}

.information__title a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #5D596A;
}

.information__left__title {
  margin-bottom: 33px;
}

.information__left__title h2 {
  font-size: 44px;
  font-family: RocGrotesk;
  font-weight: 500;
  color: #2D283E;
}

.information__select__type h6 {
  color: #344054;
  font-size: 18px;
  margin-bottom: 22px;
}


.information__select__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  margin-bottom: 25px;
}

.information__select__card.active {
  background: #F9F9FB;
  border-color: #812BB2;
}

.information__select__card {
  position: relative;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 20px 24px;
  transition: .3s all;
}

.information__customer {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.information__customer span {
  color: #2D283E;
}

.information__customer a {
  color: #5D596A;
  text-decoration: underline;
}


.information__select__card .mark__check {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  border: 1px solid #DDDDDD;
  border-radius: 50%;
  font-size: 9px;
}

.information__select__card input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.information__select__card .mark__check span {
  position: absolute;
}

.information__select__card input:checked~.mark__check {
  background: #812BB2;
}

.information__select__card input:checked~.information__select__card {
  border: 1px solid #812BB2;
}

.login__information {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 37px 24px 49px;
}

.login__information__title {
  margin-bottom: 42px;
}

.login__information__title h3 {
  color: #2D283E;
  margin-bottom: 9px;
}

.login__information__title span {
  color: #5D596A;
}

.information__input {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 24px;
}

.information__input label {
  color: #4C495D;
  font-weight: 600;
}

.information__input input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 18px;
}

.remember {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 37px;
}

.remember a {
  color: #5D596A;
  font-size: 14px;
  font-weight: 500;
}

.log__payment,
.customer__information__right>a {
  background: #DDDDDD 0% 0% no-repeat padding-box;
  border-radius: 9px;
  display: block;
  text-align: center;
  color: #fff;
  padding: 18px;
  margin-bottom: 48px;
  font-family: 'FONTSPRING DEMO - Roc Grotesk';
  font-weight: bold;
}

.log__payment:hover,
.customer__information__right>a:hover {
  background: #812BB2;
  color: #fff;
}

.account__creat {
  text-align: center;
}

.account__creat p {
  color: #2D283E;
}

.account__creat p a {
  color: #2D283E;
  font-weight: 500;
}

.customer__information__left {
  max-width: 562px;
}

.customer__information__right {
  max-width: 550px;
  margin-left: auto;
}

.information__right__title h6 {
  font-size: 18px;
  color: #344054;
}

.information__right__title {
  margin-bottom: 26px;
}

.order__summary {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 37px 24px 22px;
  display: flex;
  flex-direction: column;
  gap: 42px;
  margin-bottom: 33px;
}

.order__date>ul {
  display: flex;
  align-items: end;
  justify-content: space-between;
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 10px;
}

.order__date>ul li:first-child {
  max-width: 164px;
  width: 100%;
}

.order__date>ul li:last-child {
  padding-right: 6px;
}

.order__date>ul:last-child {
  margin-top: 19px;
}

.order__date>ul li {
  flex-shrink: 0;
  font-size: 14px;
}

.order__date>ul li p {
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
}

.order__date>ul li p span {
  color: #5D596A;
}

.order__price h6 {
  font-size: 18px;
  margin-bottom: 24px;
}

.order__price ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.order__price ul li a {
  color: #5D596A;
}

.order__price ul:last-child {
  margin-bottom: 0px;
}

.price__total {
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-top: 26px;
  border-top: 1px solid #DDDDDD;
}

.price__total h5 {
  font-size: 20px;
  font-weight: 600;
  color: #344054;
}

.total__price {
  text-align: end;
}

.total__price span {
  color: #475467;
  font-size: 14px;
}





.information__single__address h3 {
  font-size: 26px;
  margin-bottom: 21px;
}

.information__single__address ul {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 10px;
}

.information__single__address ul li:last-child {
  text-align: end;
}

.information__single__address ul li {
  color: #5D596A;
}

.information__single__address ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #4C495D;
  text-decoration: underline;
}

.information__address {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.information__single__address {
  padding-bottom: 31px;
  border-bottom: 1px solid #DDDDDD;
}

.information__single__address h6 {
  color: #344054;
  font-size: 18px;
  margin-bottom: 22px;
}

.input__address__label {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.input__address__label label {
  color: #4C495D;
  font-size: 14px;
  font-weight: 600;
}

.input__address__label input,
.input__address__label textarea {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 18px;
  color: #667085;
}

.address__desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.input__address__label textarea {
  height: 110px;
}

.information__single__address:last-child {
  border-bottom: none;
}

a.payment {
  background: #812BB2;
  border-radius: 100px;
  padding: 23px;
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}

.address__input__text p {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 600;
  color: #344054;
}

.address__input__text p img {
  width: 18px;
}

.address__input {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #DDDDDD;
  border-radius: 12px;
  padding: 22px 25px;
}

.order__no p {
  font-size: 18px;
}

.thanks__content {
  margin-top: -16px;
}

.order__no {
  display: flex;
  align-items: center;
  color: #5D596A;
  gap: 4px;
  margin-bottom: 16px;
}

.order__no span {
  font-weight: 600;
}

.thanks__content>p {
  font-size: 18px;
  line-height: 24px;
  color: #5D596A;
  margin-bottom: 40px;
}

.thanks__wrap {
  max-width: 530px;
}

.login__information.login__information2 {
  max-width: 514px;
  margin: 0 auto;
  padding: 0px;
  border: none;
  background: transparent;
}

/*===================== Customer-Information CSS AREA END =====================*/

/*===================== MORTEN CSS AREA START =====================*/
.owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

button.owl-prev,
button.owl-next {
  width: 53px;
  height: 53px;
  border-radius: 50% !important;
  background: #413f3f14 0% 0% no-repeat padding-box !important;
  color: #fff !important;
  font-size: 25px !important;
}

.owl-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

button.owl-prev,
button.owl-next {
  width: 53px;
  height: 53px;
  border-radius: 50% !important;
  background: #413f3f14 0% 0% no-repeat padding-box !important;
  color: #fff !important;
  font-size: 25px !important;
}

.morten__img__gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
}

.single__img__gallery {
  border-radius: 12px;
}




.morten__top__content {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #EFEFEF;
  border-radius: 24px;
  padding: 25px 52px 46px;
}

.morten__top__btn {
  margin-bottom: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}

.morten__top__btn span {
  color: #5D596A;
}

.morten__top__btn a {
  background: #2D283E;
  border-radius: 50px;
  padding: 12px 18px;
  color: #fff;
  font-weight: 500;
}

.morten__title__content h3 {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #D0D7E1;
  font-size: 26px;
  line-height: 30px;
}

.morten__title__content ul {
  display: flex;
  gap: 30px;
  margin-bottom: 24px;
}

.morten__title__content ul li {
  display: flex;
  gap: 8px;
  color: #5D596A;
}

.morten__title__content>p {
  color: #5D596A;
  margin-bottom: 15px;
}

.loder__content {
  background: #FAFBFC 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 22px 19px;
  display: flex;
  align-items: end;
  gap: 20px;
  margin-bottom: 19px;
}

.loder__sample p {
  font-size: 12px;
  line-height: 16px;
  margin-top: 7px;
}

.loder__sample span {
  font-size: 14px;
}

.loder__content img {
  width: 72px;
}

.stock__product p {
  padding-left: 20px;
  color: #2D283E;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 12px;
}

.stock__product p:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: #22F011;
  border-radius: 50%;
}

.stock__product h4 {
  color: #2D283E;
  font-size: 27px;
  font-weight: 500;
}

.stock__product h4 span {
  color: #5D596A;
  font-weight: 400;
  font-size: 21px;
}

.order {
  background: #812BB2;
  margin-top: 17px;
  margin-bottom: 6px;
  color: #fff;
  border: 1px solid #812BB2;
}
.order:hover {
	background: #fff;
	color: #812BB2;
}
.morten__title__content a {
  font-weight: bold;
  border-radius: 60px;
  height: 54px;
}

.request {
  border: 1px solid #2D283E;
  color: #2D283E;
  margin-bottom: 20px;
}

.disply__loyalty2 {
  max-width: 100%;
  margin-bottom: 5px;
}



.mortens__enjoy {
  max-width: 804px;
  margin: 0px auto 119px;
}

.morten__enjoy__title {
  margin: 0px auto 59px;
  max-width: 372px;
  text-align: center;
}

.morten__enjoy__title h2 {
  color: #2D283E;
  font-size: 38px;
  line-height: 49px;
}



section#descriptions__area {
  background: #F6F8F9;
  padding: 105px 0px 147px;
  margin-bottom: 83px;
}

.description__content {
  display: flex;
  flex-direction: column;
  gap: 62px;
  max-width: 698px;
  margin-left: auto;
}

.description__single h2 {
  color: #2D283E;
  font-size: 28px;
  margin-bottom: 23px;
}

.description__p p {
  font-size: 18px;
  line-height: 26px;
  color: #5D596A;
}

.description__info {
  margin-top: 53px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.description__info>ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #D0D7E1;
}

.description__info>ul li {
  color: #5D596A;
  font-size: 18px;
}

.description__info>ul li:last-child {
  color: #2D283E;
  font-weight: bold;
}

.description__info>ul li:last-child span {
  font-weight: 500;
  padding: 7px 16px;
  border-radius: 30px;
}

span.berrie {
  color: #44318C;
  background: #E7E4F066;
}

span.berrie:hover {
  color: #fff;
  background: #44318C;
}

.description__p {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.nav-link {
  border: 1px solid transparent !important;
  border-radius: 25px !important;
  background: transparent !important;
  font-size: 18px !important;
  color: #2D283E !important;
  font-weight: bold !important;
  height: 50px !important;
  padding: 0px 22px !important;
}

.nav-link.active {
  border: 1px solid #2D283E !important;
}

div#v-pills-tab {
  align-items: start;
  gap: 4px;
}


.accordion-item.accordion-item2 {
  border: 1px solid #D0D7E1;
  border-radius: 10px;
  background: transparent !important;
  padding: 29px 20px;
}

.desc__acc__btn {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2D283E !important;
  font-weight: bold;
}

.description__accordion__content {
  margin-top: 19px;
  font-size: 14px;
  line-height: 22px;
  color: #2D283E;
}

.desc__acc__btn span {
  color: #7B88A5 !important;
}

.description__accordion {
  display: none;
}

.description__accordion>div#accordionExample {
  gap: 5px;
}




.discount__btn a {
  border: 1px solid #344054;
  display: flex;
  justify-content: center;
  height: 55px;
  align-items: center;
  border-radius: 10px;
  color: #344054;
  font-size: 16px;
  font-weight: 500;
}

.discount__form {
  background: #FAFBFC !important;
  padding-bottom: 14px;
}

.discount__form__accordion .accordion-button {
  font: normal normal normal 16px/19px Rubik;
  letter-spacing: 0px;
  color: #344054;
  padding: 14px 0 !important;
  background: #FAFBFC !important;
}

.discount__form__accordion .accordion-item {
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  border-radius: 0 !important;
}

.discount__form__accordion .accordion-button::after {
  display: inline-block;
}


.circular-progress {
  position: relative;
  height: 59px;
  width: 59px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.market__score_blk .circular-progress {
  width: 149px;
  height: 149px;
  margin-inline: auto;
  margin-bottom: 22px;
}

.circular-progress::before {
  content: "";
  position: absolute;
  height: 84%;
  width: 84%;
  background-color: #ffffff;
  border-radius: 50%;
}

.value-container {
  color: #2D283E;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  position: relative;
  top: 1px;
}

.offer__close__area {
  display: flex;
  justify-content: space-between;
}

.offer__close__area a {
  font-size: 16px;
  color: #5D596A;
  display: flex;
  align-items: center;
  gap: 10px;
}

.close_filter {
  text-decoration: underline;
}

.offer__close__area a span {
  text-decoration: underline;
}

/*===================== MORTEN CSS AREA END =====================*/