/****************FONTS***************/
@font-face {
    font-family: 'Mate-Regular';
    src: url('../font/Mate-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans';
    src: url('../font/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'PatrickHand-Regular';
    src: url('../font/PatrickHand-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Playfair';
    src: url('../font/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
}




/************************ ANIMATIONS ************************/
@keyframes zoomIn {
	from {
		opacity: 0;
		transform: scale(0);
	}
	to{
		opacity: 1;
		transform: scale(1);
	}
}

@keyframes newzoomIn {
	from {
		/* opacity: 0; */
		transform: scale(1);
	}
	to{
		opacity: 1;
		transform: scale(1.1);
	}
}

@keyframes zoomOut {
  0% {
	transform: scale(1);
  }
  100% {
	transform: scale(0.5);
  }
}

@keyframes wobble {
	0%, 100% { transform: translateX(0); }
	15% { transform: translateX(-25px) rotate(-5deg); }
	30% { transform: translateX(20px) rotate(3deg); }
	45% { transform: translateX(-15px) rotate(-3deg); }
	60% { transform: translateX(10px) rotate(2deg); }
	75% { transform: translateX(-5px) rotate(-1deg); }
}


@keyframes wobblev2 {
	0%, 100% { transform: translateX(0); }
	15% { transform: translateX(-25px) rotate(-5deg); }
}

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

@keyframes fancyIntro {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes slideIn {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}


@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideUp {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(-100%);
    opacity: 0;
  }
}


@keyframes slide_in_from_up {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


@keyframes slide_in_from_down {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}


@keyframes slide_in_from_left {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide_in_from_right {
  from {
    transform: translateX(100%);
    opacity: 0;
	background-color: red;
  }
  to {
    transform: translateX(0);
    opacity: 1;
	background-color: gold;
  }
}



@keyframes slide_out_from_up {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
	transform: translateY(-100%);
    opacity: 0;
	display: none;
  }
}

/* Slide IN FROM UP Animation */
@keyframes slide_out_from_down {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
	transform: translateY(100%);
    opacity: 0;
  }
}


@keyframes slide_out_from_left {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
	transform: translateX(-100%);
    opacity: 0;
	display: none;
  }
}

@keyframes slide_out_from_right {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
	transform: translateX(100%);
    opacity: 0;
	display: none;
  }
}


@keyframes slide_in_from_right_long {
  from {
    transform: translateX(200%);
    opacity: 0;
	background-color: red;
  }
  to {
    transform: translateX(0);
    opacity: 1;
	background-color: gold;
  }
}


@keyframes slide_in_from_left_long {
  from {
    transform: translateX(-200%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/* Fade In Animation */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Fade Out Animation */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Bounce In Animation */
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* Bounce Out Animation */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}



/* Reset some default styles */
body, h1, h2, h3, p {
    margin: 0;
    padding: 0;
}

body {
	color: #252525;
	/* background-color: #f1f1f2; */
	/* font-family: Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif; */
	/* font-size: 0.875rem; */
	font-family: Segoe UI, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
	/* background: linear-gradient(to right, var(--color8), var(--color6)); */
	background: linear-gradient(to right, var(--color6), var(--color8));
}

p, span {
	font-family: Segoe UI, Helvetica Neue, Arial, sans-serif;
	font-size: 12px;
}


/* GLOBAL VARAIBLES */
:root {
	--color1: #184059;
	--color2: #293C47;
	--color3: red;
	--color4: #bfbdbd;
	--color5: gray;
	--color6: #FEDFC8;
	--color7: #FEEFC3;
	--color8: #D4D4D6;
	--color9: #dbcdde;
	--color10: #d5d9f4;
	--color11: #b39898;
	--color11: #b39898;
	--color12: #999999;
}





/************************************** General **************************************/
.wbalertbox {
  width: 50%;
  position: fixed;
  top: 11%;
  left: 50%;
  padding: 1%;
  border-radius: 4px;
  transform: translate(-50%,-50%);
  z-index: 99999999;
  display: none;
}

.wbalertboxcontent {
  border-top: 1px dotted black;
  margin-top: 1%;
  padding: 1%;
  font-size: 14px;
}

.wbalertbox.center {
  text-align: center;
}

.wbsuccess {
	/* background-color: #8e9190; */
	background-color: #4e9d83;
	color: white;
	display: block
}

.wberror {
  background-color: pink;
  color: black;
  display: block;
}


.closewbalertbox {
  background-color: black;
  color: white;
  font-weight: 700;
  border: 0px;
  border-radius: 4px;
  font-size: 12px;
  position: absolute;
  right: 1%;
  width: 30px;
  height: 30px;
}

.wbsuccess .fa-check {
  background-color: greenyellow;
  font-size: 2rem;
  padding: 3px 6px;
  border-radius: 50%;
}

.wberror .fa-check {
  display: none;
}

.wbsuccess .fa-xmark{
  display: none;
}

.wberror .fa-xmark {
  background-color: red;
  font-size: 2rem;
  padding: 3px 6px;
  border-radius: 50%;
  color: white;
}


.pagetitle {
  background-color: var(--color1);
  color: white;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 1%;
  font-size: 1.6rem;
  font-family: opensans;
  text-transform: uppercase;
  border-top: 6px solid var(--color3);
}

.nopostfound {
  border: 1px solid;
  text-align: center;
  padding: 2%;
}

.deleted {
	background-color: red;
}

.excludedEle {
	display : none;
}

/************************************** TOP BAR **************************************/
.topbar {
  background-color: var(--color5);
  display: flex;
}

.topbarlane {
  background-color: var(--color3);
  display: flex;
  width: 40%;
  border-top-right-radius: 50px;
}

.tobarlinkbase {
  width: 60%;
  display: flex;
  justify-content: end;
  align-items: center;
  background-color: gray;
}


.topdivide {
	background-image: url('../img/topdivide.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 20px;
	height: 100%;
    margin-right: 3%;
    margin-left: 3%;
}

.topbarcontact {
  display: flex;
  align-items: center;
  padding: 1% 0px;
}

.topbarcontacticon {
  margin-right: 6px;
  background-color: red;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

.topbarcontacttext {
  color: white;
  font-size: 15px;
  font-family: Mate-Regular;
}

.topbarlinkjoin {
  background-color: var(--color3);
  color: white;
  display: inline-block;
  height: 100%;
  margin-left: 2%;
}

.topbarlinkjoin:hover {
  background-color: #888683;
  background-color: #fdc689;
}

.topbarlinkjoin a {
  display: flex;
  height: 100%;
  color: white;
  text-decoration: none;
  align-items: center;
  padding: 0px 15px;
  width: 100%;
}

.topbarlinkjoin a:hover {
  color: var(--color3);
  text-decoration: none;
}

.flagnavigator {
  position: relative;
}

.flagnavmain {
  display: flex;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
}

.flagnavmain img {
  max-width: 100%;
  cursor: pointer;
  pointer-events: all;
}

.flagnavsubholder {
  position: absolute;
  z-index: 900;
  top: 100%;
  /* background-color: white; */
  display: none;
}

.flagnavsub {
  cursor: pointer;
  pointer-events: all;
  height: 50px;
  position: relative;
}

.flagnavsub:hover {
  border: 2px solid aliceblue;
}

.flagnavsub img {
  max-width: 100%;
  width: 100%;
  height: 100%;
}

.flagnavsubname {
  position: absolute;
  top: 50%;
  z-index: 99999;
  background-color: white;
  width: 100%;
  text-transform: capitalize;
  left: 50%;
  transform: translate(-50%,50%);
  text-align: center;
  font-size: 11px;
  display: none;
}


/************************************** Header **************************************/
header {
    background-color: var(--color3);
    color: #fff;
	position: relative;
}

nav {
    margin: 0 auto;
	display: flex;
}

.logo {
	width: 10%;
	/* background: linear-gradient(to right,#ffc98b,gray); */
	text-align: center;
	padding-top: 5px;
	background-color: white;
	border-top-right-radius: 10px;
	display: flex;
    justify-content: center;
}

.logo img {
	max-height: 70px;
	/* padding: 1%; */
}

.menu {
	width: 70%;
}

.nav-links {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: end;
	height: 100%;
}

.nav-links li {
	background-color: var(--color3);
	margin-left: 0.5px;
	margin-right: 0.5px;
	display: inline;
	list-style-type: none;
	width: 100%;
	z-index: 40;
}

.nav-links li:hover {
  background-color: gray;
}

.nav-links a {
    color: #fff;
    text-decoration: none;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-links a:hover {
	color: #fff;
	text-decoration: none;
}

.topicon {
	width: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color5);
}

.topiconhold {
  width: 15%;
  margin-left: 5%;
  margin-right: 5%;
  position: relative;
}

.tpditemscount {
  position: absolute;
  top: -6px;
  background-color: var(--color3);
  font-size: 12px;
  border-radius: 50%;
  font-weight: 600;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width: 24px;
  overflow: hidden;
  min-width: 20px;
  text-align: center;
  padding: 2px;
}

.topicon i {
	font-size: 1.5em;
	pointer-events: all;
	cursor: pointer;
}

.topicon i:hover {
	color: var(--color3);
}

.navClear {
	clear: both;
}

.submenu {
  list-style: none;
  margin: 0;
  padding: 0px 0px 10px 0px;
  background-color: gray;
  position: absolute;
  width: 250px;
  z-index: 999999999;
  display: none;
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.submenu li {
  width: 100%;
  display: block;
  padding: 4% 8%;
  border-bottom: 1px solid gray;
}

.submenu li a {
  text-align: left;
  display: block;
  width: 100%;
  height: 100%;
}

.submenu-drop {
  position: relative;
}

.submenu-drop:hover .submenu {
	display: block;
}
.submenu-drop a:hover .submenu {
	display: block;
}

/* For the hanging myaccount, cart, profile drop on menu */
nav {
	position: relative;	
}

.topdrophanger {
  width: 400px;
  min-height: 200px;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 999999;
  background-color: gray;
  padding: 1%;
  border-bottom: 10px solid var(--color3);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  background-image: url("../img/footerintrobg.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-position-x: right;
  display: none;
}

.topdrophangercontent {
  margin-bottom: 30px;
  /* max-height: 400px; */
  /* overflow-y: auto; */
}

/* customize the scrollbar for the top dropdown */
.topdrophangercontent::-webkit-Scrollbar{
	width: 16px;
}

.topdrophangercontent::-webkit-Scrollbar-thumb{
	background-color: var(--color3);
	border-radius: 6px;
}

.topdrophangercontent::-webkit-Scrollbar-track{
	background-color: var(--color7);
	border-radius: 6px;
}

.topdrophangercontent {
	scrollbar-width: thin;
	scrollbar-color: var(--color3) var(--color7);
}

.closetophanger {
  position: absolute;
  top: 5px;
  right: 10px;
  background-color: var(--color3);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border-radius: 2px;
  cursor: pointer;
  pointer-events: all;
}

.tpdiconprofileholder {
	display: none;
}

.tpdiconcartholder {
	display: none;
	margin-top: 8%;
}

.tpdiconwishholder {
	display: none;
}

.tpdwelcome {
  font-size: 16px;
  font-weight: 600;
}

.tpdtip {
  font-size: 15px;
}

.tpdprofileimg {
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border: 2px solid;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}

.tpdprofilelink {
  display: block;
  color: white;
  margin-bottom: 1%;
  padding: 1% 4% 1% 2%;
  width: 80%;
  border-radius: 4px;
  text-decoration: none;
}

.tpdprofilelink i {
  margin-right: 2%;
  color: var(--color4);
}

.tpdprofilelink:hover {
  color: red;
  background-color: white;
}

.tpdprofilelink {
  display: block;
  color: white;
  margin-bottom: 2%;
}

.tpdloginlabel {
  display: block;
  font-size: 15px;
  margin-top: 2%;
  margin-bottom: 1%;
  margin-left: 1%;
}

.tpdloginfield {
  width: 90%;
  border-radius: 30px;
  padding: 4px 12px;
  border: 3px solid var(--color3);
}

.tpdremembermebind {
  display: flex;
  gap: 5%;
  margin-top: 1%;
  align-items: center;
}
.tpdloginrememberme {
  display: block;
  width: 20px;
  height: 20px;
}

.tpdloginbase {
	font-family: Mate-Regular;	
}



/* hanging for cart */
.tpdcarttabbind {
  display: flex;
  gap: 5%;
  margin-bottom: 8%;
}

.tpdcarttab {
  display: flex;
  gap: 10%;
  cursor: pointer;
  pointer-events: all;
  align-items: center;
  padding-left: 2%;
}

.tpdcarttabactive {
  border: 1px solid var(--color3);
  border-radius: 6px;
}

.tpdcarttabcontent {
  margin-top: 4%;
  display: none;
  font-size: 14px;
}

.tpdcarttabcontentactive {
	display: block;
	animation: slide_in_from_down 2s;
}

.tpdcartsearchbind {
  margin-bottom: 6%;
  display: flex;
  align-items: center;
  margin-top: 2%;
  background-color: var(--color3);
  width: 80%;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
}

.tpdcartsearch {
  height: 26px;
  border-radius: 30px;
  border: 0px;
  font-size: 13px;
  width: 100%;
  padding: 0 2%;
  text-align: center;
  color: var(--color5);
}


.tpdcartsearchicon {
  display: flex;
  width: 33px;
  height: 26px;
  cursor: pointer;
  pointer-events: all;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.tpdcartlistbase {
  height: 220px;
  overflow: hidden;
  margin-bottom: 4%;
}

.tpdcarttabqty {
  background-color: var(--color3);
  width: 30px;
  border-radius: 2px;
  font-weight: 600;
  text-align: center;
  padding: 2px 4px;
  overflow: hidden;
}

.cartitembase {
  display: flex;
  margin-bottom: 10%;
}

.cartitemLeft {
  width: 80px;
}

.cartitemRight {
  padding: 0px 4%;
  width: 100%;
}

.tpdcartimage {
  width: 80px;
  height: 80px;
  border: 2px solid;
  float: left;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.tpdcartimage img {
  height: 80px;
}

.tpdcartname {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  font-family: OpenSans;
}

.tpdcartprice {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 600;
  background-color: var(--color3);
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 13px;
}

.tpdcartview {
  width: 50%;
  float: left;
  font-size: 15px;
}

.tpdcartview a {
  text-decoration: none;
  color: white;
}


.tpdcartview a:hover {
	
  color: var(--color3);
}

.tpdcartremove {
  width: 50%;
  float: left;
  text-align: right;
  cursor: pointer;
  pointer-events: all;
  font-size: 15px;
}

.tpdcartremove:hover {
  color: var(--color4);
}

.hiddencartid {
  font-size: 0px !important;
  display: none;
}

.tpdcartClear {
  clear: both;
}

.tpdviewallcart {
  color: white;
  margin-right: auto;
  margin-left: auto;
  display: inline-block;
  text-decoration: none;
}

.tpdcartcaretbind {
  margin-top: 2%;
  margin-bottom: 2%;
  text-align: center;
}

.tpdcartcaretup {
	display: block;
	cursor: pointer;
	pointer-events: all;
	width: 26px;
	height: 26px;
	background-color: var(--color3);
	margin-left: auto;
	margin-right: auto;
	-webkit-mask-image: url('../img/svg/caret-up.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url('../img/svg/caret-up.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}

.tpdcartcaretdown {
  display: block;
  cursor: pointer;
  pointer-events: all;
  width: 26px;
  height: 26px;
  background-color: var(--color6);
  margin-left: auto;
  margin-right: auto;
  -webkit-mask-image: url('../img/svg/caret-down.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  mask-image: url('../img/svg/caret-down.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  margin-top: -3%;
}


.tpdcartsummaryholder {
  display: flex;
  margin-bottom: 1%;
  padding: 2% 6px;
  background-color: var(--color3);
  align-items: center;
  border-radius: 4px;
}

.tpdcartsummaryLeft {
  width: 40%;
  margin: 0px;
  font-size: 15px;
  font-weight: 600;
}

.tpdcartsummaryRight {
  text-align: right;
  width: 60%;
  margin: 0px;
  font-size: 15px;
  font-weight: 600;
}

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

.tpdcartsummaryProceed {
  text-align: center;
  margin-top: 10%;
}

.tpdproceedtocheckout {
  background-color: white;
  color: var(--color3);
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 30px;
}

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

.tpdcartsummaryViewAll {
  text-align: center;
  margin-top: 5%;
  margin-bottom: 3%;
}

.tpdviewallcart:hover {
  color: var(--color4);
}


/* hanging for wishlist */
.wishitembase {
  display: flex;
  margin-bottom: 10%;
}

.wishitemLeft {
  width: 80px;
}

.wishitemRight {
  padding: 0px 4%;
  width: 100%;
}

.tpdwishlistsearchbind {
  margin-bottom: 6%;
  display: flex;
  align-items: center;
  margin-top: 2%;
  background-color: var(--color3);
  width: 80%;
  border-radius: 30px;
  margin-left: auto;
  margin-right: auto;
}

.tpdwishlistsearch {
 height: 26px;
  border-radius: 30px;
  border: 0px;
  font-size: 13px;
  width: 100%;
  padding: 0 2%;
  text-align: center;
  color: var(--color5);
}

.tpdwishlistsearchicon {
  display: flex;
  width: 33px;
  height: 26px;
  cursor: pointer;
  pointer-events: all;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.tpdwishlistcontent {
  height: 350px;
  overflow: hidden;
}

.tpdwishlistcaretbind {
  margin-top: 5%;
  text-align: center;
}

.tpdwishlistcaretup {
	display: block;
	cursor: pointer;
	pointer-events: all;
	width: 26px;
	height: 26px;
	background-color: var(--color3);
	margin-left: auto;
	margin-right: auto;
	-webkit-mask-image: url('../img/svg/caret-up.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url('../img/svg/caret-up.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
}

.tpdwishlistcaretdown {
  display: block;
  cursor: pointer;
  pointer-events: all;
  width: 26px;
  height: 26px;
  background-color: var(--color6);
  margin-left: auto;
  margin-right: auto;
  -webkit-mask-image: url('../img/svg/caret-down.svg');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;
  mask-image: url('../img/svg/caret-down.svg');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
  margin-top: -3%;
}

.tpdwishimage {
  width: 80px;
  height: 80px;
  border: 2px solid;
  float: left;
  display: flex;
  justify-content: center;
  overflow: hidden;
  border-radius: 50%;
}

.tpdwishimage img {
  height: 80px;
}

.tpdwishname {
  width: 100%;
  display: inline-block;
  font-size: 14px;
}

.tpdwishprice {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 600;
  background-color: var(--color3);
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 13px;
}

.tpdwishaddto {
  width: 50%;
  float: left;
  cursor: pointer;
  pointer-events: all;
  font-size: 15px;
}

.tpdwishaddto:hover {
  color: var(--color4);
}


.tpdwishremove {
  width: 50%;
  float: left;
  text-align: right;
  cursor: pointer;
  pointer-events: all;
  font-size: 15px;
}

.tpdwishremove:hover {
  color: var(--color4);
}

.hiddenwishid {
  font-size: 0px !important;
  display: none;
}


.addtocartproductid {
  font-size: 0px !important;
  display: none;
}


.addtwishlistproductid {
  font-size: 0px !important;
  display: none;
}




/************************************** Footer **************************************/
.footerbase {
  background-color: var(--color5);
  padding: 3% 3% 6% 3%;
  border-top: 20px solid var(--color2);
  border-top: 20px solid transparent;
  /* border-image: url("../img/divid2.png") 10 round; */
  border-image-repeat: stretch;
}

.footerwidget {
  padding: 0px 2%;
}

.footerwidget h4 {
  color: white;
  margin-bottom: 14%;
}

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

.footerwidget ul li {
  display: flex;
  align-content: baseline;
  align-items: baseline;
  margin-bottom: 5%;
}

.footerwidget ul li i {
  width: 25px;
  /* background-color: var(--color2); */
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 4%;
  color: red;
  /* padding-top: 5px; */
}

.footerwidget ul li a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  padding: 2px 12px 2px 2px;
}

.footerwidget ul li a:hover {
  background-color: red;
  /* padding: 0px 4% 0px 1%; */
  /* padding: 3px 12px 3px 3px; */
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

.footerintro {
	padding: 7%;
	border-radius: 10px;
	color: white;
	text-align: center;
}

.footerintro img {
  max-height: 100px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.footerintro p {
  font-style: italic;
  font-size: 14px;
}

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

.footericons a {
  color: var(--color4);
  text-decoration: none;
  margin-left: 2%;
  margin-right: 2%;
  font-size: 26px;
}

.footericons a:hover {
  color: white !important;
}

.footerdownFlatLinkBase {
  background: linear-gradient(to right, var(--color6), var(--color8));
  padding: 1%;
  text-align: center;
  color: var(--color7);
  position: relative;
}

/* Version one of the footer google app */
.footerdownFlatLinkBasev1 {
  display: flex;
  padding: 1% 2%;
  background: linear-gradient(to right,var(--color6),var(--color6),var(--color8));
}

.footminorlinkwrapv1 {
  width: 80%;
  display: flex;
  gap: 3%;
  flex-wrap: wrap;
  align-items: center;
}

.footappbindv1 {
  width: 20%;
  text-align: right;
  display: flex;
  gap: 4%;
  justify-content: center;
}

.footappbindv1 img {
  width: 120px;
}

.footminorlinkwrapv1 i {
	margin-right: 6px;
}

.footminorlinkwrapv1 a {
	color: var(--color1);
	text-decoration: none;
}

.footminorlinkwrapv1 a:hover {
	color: var(--color3);
	text-decoration: none;
}

.footercopyrightlongtext a {
  color: var(--color3);
  margin-left: 1%;
}

.footercopyrightlongtext a:hover {
  color: white;
}

/* End Version one of the footer google app */




.footercutter {
  margin-right: 2%;
  margin-left: 2%;
}

.footerdownFlatLinkBase i {
	margin-right: 6px;
}

.footerdownFlatLinkBase a {
	color: var(--color1);
	text-decoration: none;
}

.footerdownFlatLinkBase a:hover {
	color: var(--color3);
	text-decoration: none;
}


.footercopyright {
    background-color: var(--color5);
    color: #fff;
    text-align: center;
    padding: 20px 2px 2px 2px;
	position: relative;
}

.footercopyrightlongtext {
  font-size: 12px;
  line-height: 16px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.interfootwrap {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.interbind {
  width: 48%;
  display: flex;
  gap: 4%;
  margin-bottom: 6%;
}

.interflag {
  width: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.interflag img {
  max-width: 100%;
  border-radius: 1px;
}

.interlabel {
  color: white;
}

.footerpayments img {
  max-width: 18px;
}

.footerpayments {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-bottom: 2%;
}

.footerpay {
  font-size: 24px;
}

.footerpay:hover {
  background: linear-gradient(to right, var(--color3), var(--color8));
}

.footerpay.fa-brands.fa-paypal:hover {
  color: blue;
  background: transparent;  
}

.footerpay.fa-brands.fa-btc:hover {
  color: gold;
  background: transparent;  
}


.backtotop {
	background-color: var(--color3);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-size: 1.5rem;
	font-weight: 900;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1%;
	pointer-events: all;
	cursor: pointer;
	position: absolute;
	right: 5%;
	bottom: 6%;
}

.backtotop:hover {
  background-color: gray;
  color: var(--color3);
}

.footappbind {
  display: inline-flex;
  gap: 1%;
}

.footappbind img {
  width: 125px;
}

.footminorlinkwrap {
  display: flex;
  gap: 3%;
  justify-content: center;
  margin-bottom: 1%;
}

/************************************** Site Buttons **************************************/
.sitebtn1 {
  background-color: var(--color3);
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 14px;
  border: 4px double var(--color5);
  /* border: 4px double white; */
  display: block;
}

/************************************** 404 page **************************************/
.the404base {
  margin-top: 10%;
  margin-bottom: 10%;
  text-align: center;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  border-left: 4px solid var(--color3);
  border-right: 4px solid var(--color2);
  border-bottom: 4px solid var(--color3);
  border-top: 4px solid var(--color2);
  border-radius: 10px;
  padding: 5%;
}


.thegift {
	background-image: url("../img/fetch.png");
	background-color: var(--color1);
	background-position: 100% 100%;
	background-repeat: no-repeat;
}


/************************************** Cart page **************************************/
.wb-checkout-steps {
  text-align: center;
  /* margin-top: 3%; */
  margin-bottom: 8%;
}

.wb-checkout-steps.normal {
	text-align: center;
	margin-top: 3%;
	margin-bottom: 1%;
}

.wb-checkout-steps ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wb-checkout-steps ul li {
  display: inline;
}

.wb-checkout-steps li {
  margin-right: 3%;
}

.wb-step-number {
  width: 50px;
  height: 50px;
  display: inline-flex;
  background-color: var(--color1);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 3%;
  color: white;
}

.wb-step-number.xactive {
  background-color: var(--color3);
  color: white;
}

.cart_phaseone {
  margin-top: 4%;
  margin-bottom: 10%;
}

.cart_phaseone_A {
	background-color: #293c47;
	padding: 6% 10%;
	/* margin: 0px 6% 5% 1%; */
	border-radius: 12px;
	border-bottom: 6px solid var(--color3);
	color: white;
	background-image: url("../img/footerintrobg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: right;
	position: relative;
}


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

.cart_phaseone_A_divider {
  height: 5px !important;
  background-color: red;
  border-radius: 6px;
  margin-bottom: 10%;
  margin-top: 6%;
  opacity: 1;
  width: 100%;
}

.cart_phaseone_A_dividerbase i {
  width: 20px;
  margin-top: -4%;
  margin-left: -1%;
  color: red;
}

.cartrightholds {
  display: flex;
  margin-bottom: 2%;
}

.cartrightholdsLeft {
  width: 30%;
}

.cartrightholdsRight {
  text-align: right;
  width: 70%;
}

.cartdropfield {
  height: 40px;
  width: 90%;
  border-radius: 20px;
  padding: 0px 5%;
  border: 4px solid red;
  text-transform: capitalize;
}

.cartrightholdsRight.total {
  font-weight: 700;
  font-size: 1.1rem;
}

.cartcheckoutbase {
  text-align: center;
  padding-top: 4%;
}

.cartcheckoutbase button {
  background-color: var(--color3);
  border-radius: 40px;
  padding: 2% 6%;
  color: white;
  font-size: 17px;
  text-decoration: none;
}


.cartcheckoutbase button:hover {
  background-color: var(--color1);
}


.cartdeliverytipbtn {
  position: absolute;
  right: 4%;
  margin-top: 2%;
  cursor: pointer;
  pointer-events: all;
}

.homedeliverytip {
  background-color: var(--color2);
  color: white;
  font-size: 13px;
  padding: 4% 6%;
  border-radius: 6px;
  position: absolute;
  z-index: 9999;
  width: 350px;
  right: -82%;
  display: none;
}

.closehomedeliverytip {
  cursor: pointer;
  margin-right: auto;
  display: inline-block;
  background-color: red;
  text-align: center;
  padding: 2px 4px;
}


/* ============= */
.single_cartitembase {
  display: flex;
  margin-bottom: 4%;
}

.single_cartitemLeft {
  width: 150px;
}

.single_cartitemRight {
  padding: 0px 4%;
  width: 100%;
}

.single_cartimage {
  width: 150px;
  height: 150px;
  border: 2px solid;
  float: left;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.single_cartimage img {
  height: 150px;
}

.single_cartname {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
}

.single_cartname a {
  text-decoration: none;
  color: inherit;
}

.single_cartname a:hover {
  text-decoration: none;
  color: var(--color3);
}

.single_cartprice {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 600;
  background-color: var(--color3);
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 18px;
  color: white;
}

.single_cartpriceunits {
  width: 50%;
  float: left;
  text-align: left;
}

.single_cartshippingunits {
  width: 50%;
  text-align: right;
  float: right;
}

.single_hiddenshippingfee {
  display: none;
}

.single_hiddenhomedeliveryfee {
	display: none;
}

.single_hiddenshippingclass {
  display: none;
}

.single_cartqty {
  width: 50%;
  float: left;
  font-size: 15px;
}


.single_cartremove {
  width: 50%;
  float: left;
  text-align: right;
  cursor: pointer;
  pointer-events: all;
  font-size: 14px;
  color: red;
}

.single_cartremove:hover {
  color: var(--color4);
}

.single_hiddencartid {
  font-size: 0px !important;
  display: none;
}

.single_cartClear {
  clear: both;
}

.qtyminus {
	width: 17px;
	height: 17px;
	background-color: black;
	color: white;
	margin-right: 1%;
	margin-left: 2%;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: all;
	cursor: pointer;
}


.qtyplus {
	width: 17px;
	height: 17px;
	background-color: black;
	color: white;
	margin-left: 1%;
	border-radius: 50%;
	text-align: center;
	font-size: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: all;
	cursor: pointer;
}

.qtyfield {
  text-align: center;
  width: 90px;
  border-radius: 10px;
  height: 24px;
  border-top: 1px solid var(--color3);
  border-left: 1px solid var(--color1);
  border-bottom: 1px solid var(--color1);
  border-right: 1px solid var(--color3);
}


.single_liner_base {
  display: flex;
  width: 100%;
  clear: both;
  align-items: center;
  margin-top: 6%;
  margin-bottom: 8px;
}

.single_liner_left {
  width: 22px;
  height: 20px;
  background-color: var(--color1);
  display: block;
  border-radius: 50%;
}


.single_liner_right {
  width: 22px;
  height: 20px;
  background-color: red;
  display: block;
  border-radius: 50%;
}


.single_liner {
  height: 2px;
  display: block;
  background-color: red;
  background-image: url("../img/divid3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
}

.single_linerxxx {
  height: 2px;
  display: block;
  background-color: red;
  clear: both;
  margin-top: 6%;
  margin-bottom: 8px;
  background-image: url("../img/divid3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
}


/************************************** Checkout page **************************************/
.checkout_phaseone {
  margin-top: 3%;
  margin-bottom: 10%;
}

.checkout_phaseone_A {
	background-color: #293c47;
	padding: 6% 0%;
	margin: 0px 6% 5% 1%;
	border-radius: 12px;
	border-bottom: 6px solid var(--color3);
	color: white;
	background-image: url("../img/footerintrobg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: right;
	position: relative;
}

.checkout_phase_coach1 {
	padding: 0% 10%;
}

.checkout_phase_coach2 {
	padding: 0% 10%;
	margin-top: 6%;
}

.checkout_phase_coach3 {
	padding: 0% 10%;
}

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

.checkout_phaseone_A_divider {
  height: 5px !important;
  background-color: red;
  border-radius: 6px;
  margin-bottom: 10%;
  margin-top: 6%;
  opacity: 1;
  width: 100%;
}

.checkout_phaseone_A_dividerbase i {
  width: 20px;
  margin-top: -4%;
  margin-left: -1%;
  color: red;
}

.checkoutrightholds {
  display: flex;
  margin-bottom: 2%;
}

.checkoutrightholdsLeft {
  width: 35%;
  display: flex;
  align-items: center;
}

.checkoutrightholdsRight {
  text-align: right;
  width: 65%;
  background-color: red;
  margin-left: 2%;
  padding: 1% 2%;
  border-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: end;
}


.checkoutdeliverytipbtn {
  position: absolute;
  right: 4%;
  margin-top: 2%;
  cursor: pointer;
  pointer-events: all;
}

.checkoutdeliverytip {
  background-color: var(--color2);
  color: white;
  font-size: 13px;
  padding: 4% 6%;
  border-radius: 6px;
  position: absolute;
  z-index: 9999;
  width: 250px;
  right: -50%;
  display: none;
}

.closecheckoutdeliverytip {
  cursor: pointer;
  margin-right: auto;
  display: inline-block;
  background-color: red;
  text-align: center;
  padding: 2px 4px;
}


.checkoutrightholdsLeft .fa-solid.fa-check {
  background-color: red;
  padding: 4% 4.7%;
  border-radius: 50%;
  margin-right: 3%;
}

.checkoutpaymentdivider {
	pointer-events: none;
}

.checkoutpaymentdivider img {
  max-width: 100%;
}

.checkoutpaymentmethod {
  text-align: center;
  margin-top: 6%;
  margin-bottom: 4%;
  /* border-top: 4px solid white; */
  padding-top: 3%;
}

.checkoutpaymentmethod h5 {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
}

.checkoutpaymentmethod select {
  width: 100%;
  height: 40px;
  border-radius: 40px;
  text-align: center;
  border: 4px solid white;
}

.checkoutbigTotal {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}

.checkoutbase {
  text-align: center;
  margin-top: 8%;
  margin-bottom: 3%;
}

.submitcheckout {
  background-color: var(--color3);
  border-radius: 20px;
  padding: 4px 5%;
  color: white;
}

.submitcheckout:hover {
  background-color: var(--color1);
  border-radius: 20px;
  padding: 4px 5%;
  color: white;
}


/* the right checkout side */
/* ============= */
.checkout_cartitembase {
  display: flex;
  margin-bottom: 2%;
}

.checkout_cartitemLeft {
  width: 150px;
}

.checkout_cartitemRight {
  padding: 0px 4%;
  width: 100%;
}

.checkout_cartimage {
  width: 150px;
  height: 150px;
  border: 2px solid;
  float: left;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.checkout_cartimage img {
  height: 150px;
}

.checkout_cartname {
  width: 100%;
  display: inline-block;
  font-size: 18px;
  text-decoration: none;
}

.checkout_cartname a {
  text-decoration: none;
  color: inherit;
}

.checkout_cartname a:hover {
  text-decoration: none;
  color: var(--color3);
}

.checkout_cartprice {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: 600;
  background-color: var(--color3);
  margin-top: 2%;
  margin-bottom: 2%;
  font-size: 18px;
  color: white;
}

.strikeOldQty {
  text-decoration: line-through;
  color: red;
  margin-left: auto;
}

.updatedQty {
  text-align: right;
}


.checkout_liner_base {
  display: flex;
  width: 100%;
  clear: both;
  align-items: center;
  margin-top: 6%;
  margin-bottom: 8px;
}

.checkout_liner_left {
  width: 22px;
  height: 20px;
  background-color: var(--color1);
  display: block;
  border-radius: 50%;
}

.checkout_liner_right {
  width: 22px;
  height: 20px;
  background-color: red;
  display: block;
  border-radius: 50%;
}

.checkout_liner {
  height: 2px;
  display: block;
  background-color: red;
  background-image: url("../img/divid3.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
}

.checkoutBinderLeft {
  float: left;
  width: 50%;
  padding-right: 4%;
}

.checkoutBinderRight {
  float: left;
  width: 50%;
  padding-left: 4%;
  padding-right: 2%;
}

.checkout_binder_hold {
  text-align: right;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
}

.checkout_binder_text {
  width: 100%;
  text-align: right;
}

.checkoutreturntocart {
  text-align: right;
  color: white;
  font-size: 14px;
  margin-top: 10%;
}

.checkoutreturntocart a {
  text-decoration: none;
  color: white;
}

.checkoutreturntocart a:hover {
  color: var(--color4);
  border-top: 2px solid var(--color3);
  border-bottom: 2px solid var(--color4);
  border-left: 2px solid var(--color4);
  border-right: 2px solid var(--color3);
  padding: 2px;
}


.checkoutpaymentdividerx {
  margin-top: 15%;
  margin-bottom: -5%;
  width: 100%;
  position: absolute;
  left: 0;
}


.checkout_lessfee_box {
  position: fixed;
  width: 100%;
  background-color: transparent;
  top: 0;
  color: white;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: none;
}

.checkout_lessfee_content {
  background-color: var(--color1);
  padding: 5%;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: 10.5%;
  border-radius: 10px;
  border-bottom: 30px solid transparent;
  border-image: url("../img/divid2.png") 10 round;
  border-image-repeat: stretch;
  font-size: 20px;
  line-height: 32px;
}


.checkout_lessfee_close {
  width: 35px;
  height: 35px;
  display: block;
  margin-bottom: 0 !important;
  background-color: red;
  color: white;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}


/************************************** Payment page **************************************/
.pay_phaseone {
  padding-top: 4%;
  padding-bottom: 6%;
  background-repeat: no-repeat;
  background-size: cover;
}

.pay_phaseone_A {
	background-color: #293c47;
	padding: 6% 10%;
	margin: 0px 6% 5% 1%;
	border-radius: 12px;
	border-bottom: 6px solid var(--color3);
	color: white;
	background-image: url("../img/footerintrobg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: right;
	position: relative;
}


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

.pay_phaseone_A_divider {
  height: 5px !important;
  background-color: red;
  border-radius: 6px;
  margin-bottom: 10%;
  margin-top: 6%;
  opacity: 1;
  width: 100%;
}

.pay_phaseone_A_dividerbase i {
  width: 20px;
  margin-top: -4%;
  margin-left: -1%;
  color: red;
}

.payLeft {
  float: left;
  width: 30%;
}

.payRight {
  float: left;
  width: 70%;
  background-color: var(--color3);
  margin-bottom: 4%;
  text-align: right;
  padding: 4px 6px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  color: white;
  min-height: 35px;
}

.payClear {
  width: 100%;
  clear: both;
}

.payTotal {
  text-align: right;
  font-size: 1.8rem;
  font-weight: 600;
}

.paymentmethodTitle {
  text-align: center;
  margin-top: -4%;
}

.paymentdetails {
  margin-top: 4%;
  margin-bottom: 2%;
  padding: 4%;
  border-radius: 12px;
}


.bankinfobox {
  width: 48%;
  /* border: 2px solid white; */
  padding: 2%;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  margin-bottom: 4%;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 0 2px;
}

.bankinfobox:hover {
  background-color: var(--color3);
}

.bankinfoboxClear {
	clear: both;
}

.bankinfologo {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 2px solid white;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

.bankinfologo img {
  max-width: 100%;
}


.bankinfoName {
  color: var(--color4);
  font-size: 1rem;
}

.bankinfobox:hover .bankinfoName {
  color: var(--color7);
}

.bankinfoAcctno {
  font-size: 1.5rem;
  font-weight: 400;
}

.bankinfopaymentguide {
  margin-bottom: 5%;
}

.payerrorbase {
  border: 1px solid white;
  text-align: center;
  padding: 2%;
}

.payerrorbase i {
  color: white;
  background-color: red;
  border-radius: 50%;
  padding: 10px 12px;
}

.paysuccessbase {
  border: 1px solid white;
  text-align: center;
  padding: 2%;
}

.paysuccessbase i {
  color: white;
  background-color: greenyellow;
  border-radius: 50%;
  padding: 10px 12px;
}

.clicktocopyinvoice {
  position: absolute;
  margin-left: 1%;
  pointer-events: all;
  cursor: pointer;
}

.copiedinvoice {
  position: absolute;
  margin-left: 2.8%;
  font-size: 14px;
}

.clicktocopyamount {
  position: absolute;
  margin-left: 1%;
  pointer-events: all;
  cursor: pointer;
}

.copiedamount {
  position: absolute;
  margin-left: 2.8%;
  font-size: 14px;
}

/* usdtpayment */
.usdtpaystepsUL {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.usdtpaystepsLeft {
  width: 5%;
  float: left;
  font-size: 14px;
  font-weight: 900;
  background-color: red;
  text-align: center;
  margin-right: 2%;
  border-radius: 2px;
  padding: 4px;
}

.usdtpaystepsRight {
  width: 92%;
  float: left;
  font-size: 14px;
}

.usdtpaystepsClear {
  clear: both;
  margin-bottom: 2%;
  width: 100%;
}

.usdtsenderLabel {
  font-size: 18px;
  text-align: center;
}

.usdtsenderField {
  width: 100%;
  border-radius: 4px;
}

.senderaddressbox {
  width: 80%;
  border: 1px solid gray;
  padding: 4%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
  text-align: center;
}

.submitusdtsenderaddress {
  margin-top: 3%;
  background-color: var(--color3);
  color: white;
  border-radius: 4px;
  font-weight: 400;
}

.payinfo_usdt_base {
  margin-top: 6%;
  position:relative;
}

.usdtpayinstructionintro {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 2%;
}

.usdtQRbox {
  width: 250px;
  height: auto;
  border: 4px solid white;
  margin-left: auto;
  margin-right: auto;
}

.usdtQRbox img {
  max-width: 100%;
}

.usdtdepositaddressbox {
  margin-top: 2%;
  text-align: center;
}

.usdtdepositaddress {
  width: 250px;
}

.clicktocopyusdt {
  margin-left: 3px;
  cursor: pointer;
  font-size: 17px;
  position: absolute;
}

.copied {
  margin-left: 3.6%;
  position: absolute;
}






/************************************** Order page **************************************/
.order_base {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

#theorder_base {
  /* margin-top: 20%; */
  font-size: 13px;
  font-family: inherit;
}

.orderoverview {
	margin-top: 25px;
}

.orderoverviewLeft {
  width: 56%;
  float: left;
  margin-right: 2%;
  padding-left: 2%;
}

.orderoverviewRight {
  width: 40%;
  float: left;
  margin-left: 2%;
  background-color: #feefc3;
  padding: 2%;
  border-radius: 10px;
  
}

.orderoverviewClear {
  width: 100%;
  clear: both;
}

.orderbarcodebox {
  width: 150px;
  height: auto;
}

.orderbarcodebox img {
  max-width: 100%;
}

.ordercustomername {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.orderinfohold {
  display: flex;
  padding: 2px;
  align-items: center;
  margin-bottom: 0;
}

.orderinfoLeft {
  width: 40%;
  display: block
}

.orderinfoRight {
  text-align: right;
  width: 60%;
  display: block
}

.orderoverviewlane {
  text-align: right;
  border-bottom: 4px solid var(--color3);
  font-size: 15px;
}



.orderListTitle {
  text-align: center;
  margin-top: 2%;
}

.orderListTable {
  width: 100%;
  border-bottom: 6px solid var(--color3);
}


.orderth {
  background-color: var(--color3);
  color: white;
  padding: 1%;
  border-right: 2px solid white;
}

.orderth.no {
  text-align: center;
}

.orderth.image {
  text-align: center;
}

.orderth.id {
  text-align: left;
}

.orderth.product {
  text-align: left;
}

.orderth.quantity {
  text-align: right;
}

.orderth.price {
  text-align: right;
}

.orderth.amount {
  text-align: right;
}

.orderListTable tr:nth-child(odd) {
  background-color: var(--color6);
}

.orderListTable tr:nth-child(even) {
  background-color: var(--color7);
}

.orderColumn {
  padding: 1px 1%;
  border-right: 2px solid white;
}

.orderColumn.no {
  width: 4%;
}

.orderColumn.image {
  width: 10%;
  height: 60px;
  overflow: hidden;
  text-align: center;
}

.orderColumn.image img {
  width: 60px;
  height: 60px;
}


.orderColumn.id {
  width: 10%;
}

.orderColumn.product {
  width: 40%;
  word-break: break-all;
}

.orderColumn.quantity {
  width: 10%;
  text-align: right;
}

.orderColumn.price {
  width: 10%;
  text-align: right;
}

.orderColumn.amount {
  width: 15%;
  text-align: right;
}

.printinvoicebase {
  text-align: right;
  margin-top: 0%;
  margin-right: 3%;
}

.printinvoice {
  background-color: transparent;
  border: 1px solid var(--color3);
  color: var(--color3);
  border-radius: 3px;
}

.breakTR {
	background-color: white !important;
}

.breakTD{
	height: 25px;
	border: 0px solid white;
	background-color: white !important;
}


.backToOrder {
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  border-bottom: 6px solid var(--color3);
  padding: 4%;
  border-radius: 10px;
  text-align: center;
  border-top: 6px solid var(--color1);
  border-left: 6px solid var(--color1);
  border-right: 6px solid var(--color1);
}

.backToOrder button {
  background-color: var(--color3);
  color: white;
  border-left: 0px;
  padding: 2%;
  border-radius: 8px;
}


.invoiceThankYou {
  text-align: center;
  background-color: var(--color3);
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 20px;
  color: white;
  margin-top: 5%;
}

.thankuDivider {
  margin-left: 6px;
  margin-right: 6px;
}


/************************************** Serviced Cities page **************************************/
.servicedcitiesbased {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6%;
  margin-bottom: 6%;
  position: relative;
}


.servicedcitieshead {
  background-color: var(--color1);
  padding: 3%;
  color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.servicedcitiesbody {
  padding: 0%;
  position: relative;
  height: auto;
}

.servicedcitiesintro {
  background-color: var(--color3);
  padding: 2%;
  color: var(--color7);
  font-size: 18px;
}


.servicedcitiesfooter {
  background-color: var(--color1);
  padding: 4% 5%;
  text-align: center;
  color: white;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  font-size: 14px;
}

.servicedcitytable {
  width: 100%;
  margin-top: -2%;
}

.servicedcitytable th {
  padding: 3% 1%;
  background-color: var(--color1);
  text-align: center;
}


.servicedcitytable td {
  padding: 2% 4%;
}

.servicedcitytable tr:nth-child(odd) {
  background-color: var(--color2);
  color: white;
}

.servicedcitytable tr:nth-child(even) {
  background-color: var(--color7);
   color: var(--color2);
}

.servicedcity_thick_yes {
  font-weight: 900;
  color: white;
  background-color: green;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.servicedcity_thick_no {
  font-weight: 900;
  color: white;
  background-color: red;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.servicedcitytable .city {
  width: 50%;
  text-align: left;
  padding-left: 2%;
}

.servicedcitytable .pickup {
  width: 15%;
  text-align: center;
}

.servicedcitytable .homedelivery {
  width: 15%;
  text-align: center;
}

.servicedcitytable .contact {
  width: 15%;
  text-align: center;
}

.servicedcitytableViewContactBtn {
  background-color: var(--color1);
  color: white;
  border: 0px;
  border-radius: 4px;
  font-size: 13px;
  padding: 2px 6px;
}


.servicedcitytableViewContactBase {
  position: absolute;
  background-color: var(--color4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  display: none;
  height: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

.close_servicedcitytableViewContactBase {
  background-color: var(--color3);
  border: 0;
  color: white;
  margin-left: auto;
  width: 150px;
  display: block;
  padding: 10px 0px;
  border-bottom-left-radius: 5px;
}

.close_servicedcitytableViewContactBase:hover {
  opacity: 0.9;
}

.servicedcitytableViewContactBaseContent {
  height: 90%;
  overflow: auto;
}

.servicedcityViewContactIntro {
  margin-left: 3%;
  border-bottom: 4px solid var(--color3);
  margin-bottom: 3%;
  text-transform: uppercase;
  flex: 0 0 100%;
}

.servicedcitytableViewContactHold {
	display: none;
	
}

.servicedcitytableViewContactBind {
  display: flex;
  flex-wrap: wrap;
}

.pickupcontactbox {
  flex: 0 0 45%;
  margin-left: 2.5%;
  margin-right: 2.5%;
  color: var(--color1);
  padding: 3%;
  border-radius: 10px;
  margin-bottom: 3%;
  background: linear-gradient(to right, var(--color8), var(--color6));
}


.pickupcontactboxEmail {
	margin-left: 3%;
	display: flex;
	font-size: 13px;
}

.pickupcontactboxPhone {
	margin-left: 3%;
	display: flex;
	font-size: 13px;
}

.pickupcontactboxAddress {
	margin-left: 3%;
	display: flex;
	font-size: 13px;
}

.pickupcontactboxEmail > span:first-child {
	margin-right: 3%;
}

.pickupcontactboxPhone > span:first-child {
	margin-right: 3%;
}

.pickupcontactboxAddress > span:first-child {
	margin-right: 3%;
}


.servicedcityPaginateBtnBase {
  padding: 1% 0 0 1%;
  background-color: var(--color4);
}




/************************************** Digital Checkout Widget **************************************/
.digital_checkout_widget_basexxxx {
  margin-top: 6%;
  margin-bottom: 10%;
}


.digital_checkout_widget_base {
	margin-top: 6%;
	margin-bottom: 10%;
	background-color: #293c47;
	padding: 6% 0%;
	margin: 0px 6% 5% 1%;
	border-radius: 12px;
	border-bottom: 6px solid var(--color3);
	color: white;
	background-image: url("../img/footerintrobg.png");
	background-repeat: no-repeat;
	background-position: bottom;
	background-position-x: right;
	position: relative;
}

.digital_checkout_widget_coach1 {
	padding: 0% 10%;
}

.digital_checkout_widget_coach2 {
	padding: 0% 10%;
	margin-top: 6%;
}

.digital_checkout_widget_coach3 {
	padding: 0% 10%;
}

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

.digital_checkout_widget_divider {
  height: 5px !important;
  background-color: red;
  border-radius: 6px;
  margin-bottom: 10%;
  margin-top: 6%;
  opacity: 1;
  width: 100%;
}

.digital_checkout_widget_dividerbase i {
  width: 20px;
  margin-top: -4%;
  margin-left: -1%;
  color: red;
}

.digital_checkout_widget_label {
  display: flex;
  margin-bottom: 2%;
}

.dcw_Label_Left {
  width: 35%;
  display: flex;
  align-items: center;
}

.dcw_Label_Right {
  text-align: right;
  width: 65%;
  background-color: red;
  margin-left: 2%;
  padding: 1% 2%;
  border-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: end;
}


.dcw_Label_Left .fa-solid.fa-check {
  background-color: red;
  padding: 4% 4.7%;
  border-radius: 50%;
  margin-right: 3%;
}

.digital_checkout_widget_divider_image {
	pointer-events: none;
}

.digital_checkout_widget_divider_image img {
	max-width: 100%;
}

.digital_checkout_widget_paymentmethod {
	text-align: center;
	margin-top: 6%;
	margin-bottom: 4%;
	/* border-top: 4px solid white; */
	padding-top: 3%;
}

.digital_checkout_widget_paymentmethod h5 {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 500;
}

.digital_checkout_widget_paymentmethod select {
	width: 100%;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	border: 4px solid white;
}

.digital_checkout_widget_big_total {
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
}

.digital_checkout_widget_submit_base {
	text-align: center;
	margin-top: 8%;
	margin-bottom: 3%;
}

.digital_checkout_widget_submit {
	background-color: var(--color3);
	border-radius: 20px;
	padding: 4px 5%;
	color: white;
}

.digital_checkout_widget_submit:hover {
	background-color: var(--color1);
	border-radius: 20px;
	padding: 4px 5%;
	color: white;
}


.digital_checkout_widget_returntoshop {
	text-align: right;
	color: white;
	font-size: 14px;
	margin-top: 10%;
}


.digital_checkout_widget_returntoshop a {
  text-decoration: none;
  color: white;
}

.digital_checkout_widget_returntoshop a:hover {
  color: var(--color4);
  border-top: 2px solid var(--color3);
  border-bottom: 2px solid var(--color4);
  border-left: 2px solid var(--color4);
  border-right: 2px solid var(--color3);
  padding: 2px;
}



/************************************** SINGLE PRODUCT SHOP PAGE **************************************/
.sp_star_gold {
  color: gold;
}

.sp_star_gray {
  color: gray;
}

.single_product_phaseone {
  background-image: url("../img/blind.png");
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 12%;
}


/* single product phaseA */
.single_product_phaseone_A {
  padding: 6% 2%;
}


.sp_pubHold {
  display: flex;
  width: 100%;
  margin-top: 4%;
  margin-bottom: 4%;
}

.sp_pubLeft {
  width: 15%;
}

.sp_pubMiddle {
  width: 65%;
  padding: 0px 2%;
  font-size: 13px;
}

.sp_pubRight {
  font-size: 15px;
  width: 20%;
  text-align: right;
}

.sp_gap {
  margin-bottom: 15%;
  display: block;
}

.sp_pubLeft i {
  color: var(--color2);
  font-size: 24px;
}

.sp_pdr_box {
  position: fixed;
  width: 100%;
  background-color: transparent;
  top: 0;
  color: white;
  bottom: 0;
  left: 0;
  z-index: 200;
  display: none;
}

.sp_pdr_boxcontent {
  background-color: var(--color1);
  padding: 5%;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: 10.5%;
  border-radius: 10px;
  border-bottom: 30px solid transparent;
  border-image: url("../img/divid2.png") 10 round;
  border-image-repeat: stretch;
  font-size: 20px;
  line-height: 32px;
}


.close_sp_pdr_box {
  width: 35px;
  height: 35px;
  display: block;
  margin-bottom: 0 !important;
  background-color: red;
  color: white;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
}

.sp_pub_details_pickup_btn {
	cursor: pointer;
}

.sp_pub_details_homedelivery_btn {
	cursor: pointer;
}

.sp_pub_details_returnpolicy_btn {
	cursor: pointer;
}


/* single product phaseB */
.single_product_phaseone_B {
  padding: 4% 6%;
  margin-top: 8%;
}

.sp_wishlist {
  color: var(--color1);
  font-size: 14px;
  cursor: pointer;
  text-align: right;
  margin-bottom: 1%;
  display: flex;
  align-items: center;
  justify-content: end;
}

.sp_wishlist i {
  color: var(--color3);
  font-size: 22px;
  margin-top: 1%;
  margin-left: 1%;
}

.sp_gallery_base {
  position: relative;
}

.sp_galleryprev {
  position: absolute;
  font-size: 40px;
  left: -3%;
  cursor: pointer;
  top: 15%;
}

.sp_gallerynext {
  position: absolute;
  font-size: 40px;
  right: -3%;
  cursor: pointer;
  top: 15%;
}

.sp_image {
  width: 100%;
  overflow: hidden;
  max-height: 300px;
  border-bottom: 3px solid var(--color1);
  border-top: 3px solid var(--color3);
  border-left: 3px solid var(--color1);
  border-right: 3px solid var(--color3);
  border-radius: 8px;
  /* display: flex; */
  align-items: center;
  justify-content: center;
}


.sp_image img {
  max-width: 100%;
  max-height: 100%;
}

.sp_gallery {
  display: flex;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  margin-top: 1%;
}

.sp_gallery_item {
  width: 25%;
  height: 100px;
  overflow: hidden;
  display: flex;
  align-content: center;
  cursor: pointer;
  flex: 0 0 25%;
}

.sp_gallery_item:hover {
  /* border: 2px solid var(--color7); */
  border-bottom: 2px solid var(--color1);
  border-top: 2px solid var(--color3);
  border-left: 2px solid var(--color1);
  border-right: 2px solid var(--color3);
}

.sp_name {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 2%;
  margin-top: 2%;
}

.sp_price {
  font-size: 24px;
  margin-right: 1%;
}

.sp_oldprice {
  font-size: 17px;
  font-weight: 500;
  text-decoration: line-through;
  color: gray;
}

.sp_percDiff {
  color: red;
  margin-left: 2%;
}

.sp_total_reviews {
  margin-left: 1%;
  color: blue;
  cursor: pointer;
  pointer-events: all;
}

.sp_current_location {
  margin-top: 1%;
}

.shippedfromflag {
  max-width: 40px;
  margin-left: 2%;
}

.sp_add_to_cart_btn {
  background-color: var(--color3);
  width: 100%;
  padding: 2%;
  border-radius: 10px;
  border: 0px;
  margin-top: 6%;
  color: var(--color7);
  font-weight: 600;
  position: relative;
}

.sp_add_to_cart_btn:hover {
  background-image: url("../img/divid2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


.sp_add_to_cart_btn i {
  position: absolute;
  left: 4%;
  top: 25%;
}


/* single product phaseC */
.single_product_phaseone_C {
  padding: 0% 2% 2% 2%;
}

.sp_rope img {
	max-width: 100%;
	pointer-events: none;
}

.sp_product_tab_btn {
  background-color: var(--color2);
  margin-bottom: 1px;
  padding: 2%;
  border-radius: 4px;
  cursor: pointer;
  color: white;
  font-size: 16px;
  font-weight: 500;
  position: relative;
}

.sp_tab_icon_left {
  margin-right: 2%;
  color: var(--color7);
}

.sp_tab_icon_right {
  position: absolute;
  right: 2%;
}

.sp_product_tab {
  background-color: var(--color7);
  padding: 5% 4% 10% 4%;
  margin-top: -1%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 4px solid red;
  background-image: url("../img/footerintrobg.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-position-x: right;
}

.sp_product_tab_details {
  font-size: 14px;
}

.sp_product_tab_specification {
	display: none;
}

.sp_product_tab_reviews {
	display: none;
}

.sp_product_tab_addcomment {
	display: none;
}

.productAddCommemtBox {
  width: 100%;
  height: 120px;
  border: 1px solid var(--color4);
  background: linear-gradient(to right, var(--color8), var(--color6));
  border-radius: 4px;
  font-size: 14px;
  padding: 2%;
}

.productAddCommentStar {
  width: 100%;
  margin-top: 1%;
  background: linear-gradient(to right, var(--color8), var(--color6));
  border: 0px;
  padding: 2%;
}

.submit_addcomment {
  background-color: var(--color3);
  color: white;
  font-size: 15px;
  margin-top: 2%;
  border: 0px;
  border-radius: 4px;
  padding: 4px 8px;
}

.commenttips {
  font-size: 13px;
  border: 2px dotted;
  padding: 3%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.submit_addcomment:hover {
  background-color: var(--color1);
}

.tabactive {
	background-color: var(--color3);
	color: white;
}

.specificationHold {
  margin-bottom: 2%;
}

.specificationLeft {
  float: left;
  width: 35%;
  font-size: 14px;
  font-weight: 600;
  background-color: red;
  color: var(--color7);
  padding: 4px 4px 4px 10px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.specificationRight {
  float: left;
  width: 64%;
  padding: 4px 4px 4px 10px;
  border-bottom: 1px dotted var(--color3);
  border-left: 1px dotted var(--color3);
  font-size: 14px;
}

.specificationClear {
  clear: both;
}

.sp_reviewHold {
	margin-bottom: 6%;	
	display; block;
}

.sp_review_photo {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid red;
  float: left;
  margin-right: 2%;
}

.sp_review_photo img {
	max-width: 100%;
}

.sp_review_Right {
  float: left;
  width: 80%;
}

.sp_review_name_hold {
  display: flex;
}

.sp_review_name {
  text-transform: capitalize;
  font-weight: 600;
  flex: 0 0 80%;
  padding-right: 6%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sp_review_date {
  font-size: 13px;
  flex: 0 0 20%;
}

.sp_review_comment {
  font-size: 14px;
}

.sp_review_Clear {
	clear: both;
}

.sp_reviews_pagination_base {
  margin-top: 6%;
  padding-left: 2%;
}


.single_product_phaseone_CLEAR {
  width: 100%;
  clear: both;
}

.single_product_phasetwo {
  background-color: var(--color8);
  margin-bottom: -1%;
  padding: 4% 2%;
  background: linear-gradient(to right, var(--color7), var(--color8));
}

.sp_similar_product_intro {
  margin-bottom: 1%;
  padding-bottom: 5px;
  text-align: center;
}


.sp_similar_products_base {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.similar_productHold {
  width: 23%;
  /* box-shadow: 0px 0px 1px; */
  margin-left: 1%;
  margin-right: 1%;
  overflow: hidden;
  margin-bottom: 4%;
  border-radius: 10px;
  background-color: white;
}

.similar_image {
  height: 200px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  overflow: hidden;
  background-color: white;
}

.similar_image img {
  max-width: 100%;
}

.similar_title {
  font-weight: 600;
  font-size: 16px;
  padding: 2% 4%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: capitalize;
}

.similar_title a {
  text-decoration: none;
  color: var(--color1);
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.similar_title a:hover {
  text-decoration: none;
  color: inherit;
}

.similar_productHold:hover .similar_title a {
	text-overflow: unset;
}

.similar_priceHold {
  padding: 0px 2%;
}

.similar_price {
  font-size: 22px;
  font-weight: 600;
  color: var(--color3);
  padding-left: 4%;
}

.similar_oldprice {
  margin-left: 1%;
  text-decoration: line-through;
  color: gray;
  font-size: 18px;
}


.similar_shippedfrom {
  background-color: var(--color1);
  color: var(--color7);
  padding: 2%;
  position: relative;
  margin-top: 3%;
}

.similar_shippedfromflag {
  max-width: 40px;
  margin-left: 2%;
  position: absolute;
  right: 0;
}


.similar_productHold:hover .similar_shippedfrom{
  background-color: var(--color1);
  background-image: url("../img/stone2.png");
  background-size: cover;
  background-position: center;
}


.sp_similar_products_tags_base {
  padding-left: 2%;
  margin-top: 2%;
  margin-bottom: 5%;
}

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

.sp_tag {
  float: left;
  background-color: var(--color3);
  padding: 2px 12px;
  margin-right: 4px;
  border-radius: 4px;
  color: white;
  text-decoration: none;
  margin-bottom: 3px;
  font-size: 14px;
}

.sp_tag:hover {
	background-color: var(--color1);
}

.similar_product_tagsClear {
	clear: both;
}


/************************************** SIDE MENU **************************************/
.shop_sidemenu {
  background-color: white;
}

.side_menu_hold {
  display: flex;
  width: 100%;
}

.side_menu_left {
  width: 25%;
}

.side_menu_right {
  width: 75%;
  background-color: var(--color3);
  overflow: hidden;
  position: relative;
}

.side_menu_ul {
  margin: 0;
  padding: 0;
}

.side_menu_ul a {
  color: inherit;
  text-decoration: none;
}

.side_menu_li {
  border-bottom: 1.5px solid var(--color8);
  padding: 2% 2% 2% 8%;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

.side_menu_li:hover {
	background-color: var(--color3);
	color: var(--color7);
}

.sm_img {
  width: 20px;
  height: 20px;
  margin-right: 4%;
  background-color: #ccc;
  overflow: hidden;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
}

.sm_img img {
  max-width: 80%;
}

.sm_arrow {
  position: absolute;
  right: 0.8%;
  color: #ccc;
}

.full_sm_subcategory {
	display: none;
	background-color: var(--color3);
}

.side_subcategory_wrapHold {
	display: flex;
	flex-wrap: wrap;
}

.side_subcategory_wrap {
  width: 25%;
  padding: 2% 4%;
}


.full_sm_fashion {
	display: block;
}

.side_subcategory_title {
  font-size: 22px;
  color: var(--color3);
  padding: 0px 4%;
  background-color: var(--color7);
  background-image: url('../img/divid4.png');
  background-repeat: no-repeat;
  background-position: center;
}

.side_subcategory_title a {
	text-decoration: none;
	color: var(--color3);
}

.side_subcategory_title a:hover {
	color: var(--color1);
}

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

.side_subcategory_ul li {
  color: white;
  padding: 4% 2%;
}

.side_subcategory_ul li:hover {
  background-color: var(--color4);
   color: var(--color3);
   border-radius: 3px;
}

.side_subcategory_ul a {
  text-decoration: none;
}




/************************************** SHOP SIDEBAR WIDGET **************************************/
.sp_location_label {
  color: var(--color1);
  display: block;
  margin-bottom: 2%;
  margin-top: 2%;
}

.sidebar_location_city {
  display: block;
  width: 100%;
  height: 45px;
  border-bottom: 2px solid var(--color1);
  border-top: 2px solid var(--color3);
  border-left: 2px solid var(--color1);
  border-right: 2px solid var(--color3);
  border-radius: 4px;
  padding: 0px 10px;
  text-transform: capitalize;
  margin-bottom: 3%;
  background-color: var(--color7);
}


.sidebar_location_zone {
  display: block;
  width: 100%;
  height: 45px;
  border-bottom: 2px solid var(--color1);
  border-top: 2px solid var(--color3);
  border-left: 2px solid var(--color1);
  border-right: 2px solid var(--color3);
  border-radius: 4px;
  padding: 0px 10px;
  text-transform: capitalize;
  margin-bottom: 3%;
  background-color: var(--color7);
}

.sidebar_location_street {
  display: block;
  width: 100%;
  height: 45px;
  border-bottom: 2px solid var(--color1);
  border-top: 2px solid var(--color3);
  border-left: 2px solid var(--color1);
  border-right: 2px solid var(--color3);
  border-radius: 4px;
  padding: 0px 10px;
  text-transform: capitalize;
  margin-bottom: 3%;
  background-color: var(--color7);
}


/************************************** STORE OR SHOP **************************************/
.gap {
  margin-bottom: 2%;
  background-color: transparent;
}

.shopcontent {
  background-color: var(--color8);
  display: block;
  padding: 0px 1.5%;
  position: relative;
  width: 100%;
  overflow: hidden;
  /* margin-top: 1%; */
}

.shop_search_base {
  text-align: center;
  margin-top: 1%;
  padding: 1%;
  border-radius: 4px;
}

.shop_search_base form {
	display: flex;
	justify-content: center;
}

.shop_search_field {
  width: 90%;
  height: 52px;
  border-radius: 30px;
  padding: 1px 8px;
  text-align: center;
  background-color: white;
  border: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.shop_search_submit {
	background-color: var(--color3);
	height: 52px;
	width: 140px;
	color: var(--color7);
	font-weight: 600;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	z-index: 30;
	position: relative;
	border: 0px;
}

.shop_search_submit:hover {
	background-color: var(--color1);
}

.shop_large_category {
  background-color: white;
  padding: 2% 1%;
  border-radius: 6px;
  margin-top: 1%;
  margin-bottom: 1%;
  text-align: center;
}

.slc_UL {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.slc_hold {
	width: 15%;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	padding-top: 4px;
}

.slc_hold:hover {
  box-shadow: 0 0 2px;
  border-radius: 20px;
}

.slc_image {
  display: flex;
  overflow: hidden;
  height: 120px;
  justify-content: center;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
}

.slc_image img {
	max-width: 100%;
}

.slc_title a {
  text-decoration: none;
  color: inherit;
}

.slc_title a:hover {
  text-decoration: none;
  color: inherit;
}

.shop_section {
  background-color: white;
  border-radius: 6px;
  margin-bottom: 2%;
  position: relative;
}

/* this is for best selling and discount which will have limit of 12 products or 6 and wont slide */
.shop_section_products_nonflex {
	display: block;
	padding: 1%;
}

.shop_section_products_nonflex .ssp_hold {
	display: inline-block;
	margin-bottom: 2%;
	margin-left: 0.75%;
	margin-right: 0.75%;
}

.shop_section_products {
  padding: 1%;
  display: flex;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.ssp_arrow_left {
  background-color: var(--color1);
  width: 40px;
  height: 40px;
  font-size: 25px;
  border-radius: 4px;
  position: absolute;
  z-index: 99;
  left: -1.1%;
  top: 50%;
  font-weight: 900;
  color: var(--color7);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ssp_arrow_left:hover {
	background-color: var(--color3);
}

.ssp_arrow_right {
  background-color: var(--color1);
  width: 40px;
  height: 40px;
  font-size: 25px;
  border-radius: 4px;
  position: absolute;
  z-index: 99;
  right: -1.1%;
  top: 50%;
  font-weight: 900;
  color: var(--color7);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.ssp_arrow_right:hover {
	background-color: var(--color3);
}

.ssp_hold {
  width: 15%;
  margin-left: 0.90%;
  margin-right: 0.90%;
  flex: 0 0 15%;
  background: linear-gradient(to right, var(--color8), var(--color6));
}

.ssp_image_base {
  position: relative;
}

.ssp_hold:hover .ssp_image {
	background-color: var(--color1);
	background-image: url("../img/stone2.png");
	background-size: cover;
	background-position: center;
}

.shop_section_title {
  padding: 1% 1%;
  background-color: var(--color3);
  color: var(--color7);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-weight: 600;
}


.shop_section_see_all {
  position: absolute;
  right: 3%;
  color: var(--color7);
  font-size: 13px;
  text-decoration: none;
}


.shop_section_see_all:hover {
	background-color: var(--color7);
	padding: 4px 10px 4px 4px;
	text-decoration: none;
	color: var(--color1);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ssp_image {
  display: flex;
  height: 150px;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: var(--color8);
}

.ssp_image img {
  max-width: 100%;
}

.ssp_flash {
  position: absolute;
  right: 0px;
  z-index: 99;
  background-color: var(--color3);
  font-size: 13px;
  color: var(--color7);
  padding: 4px 6px;
  border-bottom-left-radius: 4px;
}

.ssp_title {
	margin-top: 2%;
	font-size: 16px;
	font-weight: 600;
	padding-left: 4%;
	color: var(--color1);
	white-space: nowrap;
	width: 95%;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

.ssp_title a {
	color: inherit;
	text-decoration: none;	
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	width: 95%;
}


.ssp_title a:hover {
	color: inherit;
	text-decoration: none;
}

.ssp_hold:hover .ssp_title a {
	text-overflow: unset;
}


.ssp_price {
	padding-left: 4%;
	font-size: 15px;
	font-weight: 700;
	color: var(--color3);
}

.ssp_oldprice {
	padding-left: 4%;
	font-size: 13px;
	text-decoration: line-through;
	color: var(--color1);
}

.ssp_addtocart {
  position: relative;
}

.ssp_addtocart button {
	background-color: var(--color3);
	border: 0px;
	width: 100%;
	color: var(--color7);
	font-size: 15px;
	height: 30px;
	position: relative;
}

.ssp_addtocart button:hover {
  background-color: var(--color1);
}

.ssp_flag {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0px;
}


.ssp_noproductfound {
  font-size: 13px;
  text-align: center;
}

.shop_exposure {
  background-color: var(--color1);
  height: 300px;
  border-radius: 6px;
  margin-bottom: 1%;
  overflow: hidden;
  display: flex;
}

.shop_exposure_Left {
  width: 35%;
  overflow: hidden;
  display: flex;
  justify-content: left;
  background-color: white;
}

.shop_exposure_Left img {
  max-width: 100%;
  max-height: 300px;
}

.shop_exposure_Right {
  width: 65%;
  padding: 4%;
}

.shop_exposure_Right h2 {
  color: var(--color8);
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin-top: 1%;
}

.shop_exposure_Right h3 {
  color: white;
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  margin-top: 1%;
}

.shop_exposure_Right i {
  color: var(--color7);
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  width: 90px;
  display: block;
  margin-top: 2%;
}

.shop_top_slide {
 height: 60px; 
 overflow: hidden;
}

.shop_top_slide img {
 max-width: 100%; 
}

.shop_large_slide {
  max-height: 300px;
  overflow: hidden;
  text-align: center;
  background-color: white;
  border-top: 24px solid var(--color1);
}

.shop_large_slide img {
  max-width: 100%;
}

.shop_product_slide {
  background-color: white;
  border-radius: 8px;
  margin-top: 1%;
  margin-bottom: 2%;
}

.show_shop_product_slide{
	width: 31%;
  background-color: white;
  border: 2px solid white;
  border-radius: 10px;
  margin: 2% 1%;
  overflow: hidden;
  display: inline-block;
}


.sps_hold {
  position: relative;
}

.sps_image {
  height: 300px;
  overflow: hidden;
  background-color: var(--color4);
  position: relative;
  
  display: flex;
  align-items: baseline;
  justify-content: center;
}

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

.sps_diff {
  background-color: var(--color3);
  color: white;
  font-size: 14px;
  padding: 5px 15px;
  position: absolute;
  right: 0;
}

.sps_pricehold {
  background-color: var(--color1);
  position: relative;
  padding: 1%;
  overflow: hidden;
  color: 
}



.sps_flag {
  width: 40px;
  position: absolute;
  right: 0;
}

.sps_flag img {
  max-width: 100%;
}

.sps_price {
  color: var(--color7);
  font-size: 17px;
  font-weight: 600;
  margin-left: 3%;
}

.sps_action {
  text-align: center;
  position: absolute;
  top: 50%;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  display: none;
}

.sps_hold:hover .sps_action {
	display: block;
}

.sps_add_to_cart {
  background-color: var(--color3);
  margin-right: 2%;
  color: white;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 16px;
  border: 1px solid;
  width: 40%;
}

.sps_add_to_cart i {
  margin-right: 6px;
}

.sps_add_to_cart:hover {
  opacity: 0.9;
  border: 1px solid var(--color4);
}

.sps_view_details {
  background-color: var(--color1);
  margin-right: 2%;
  color: white;
  border-radius: 20px;
  padding: 6px 14px;
  font-size: 16px;
  border: 2px solid;
  width: 40%;
}

.sps_view_details i {
  margin-right: 6px;
}

.sps_view_details:hover {
  opacity: 0.9;
  border: 1px solid var(--color4);
}


/************************************** MAIN PRODUCT SIDEBAR not single page **************************************/
.mainshop {
  overflow: hidden;
  display: flex;
  background-color: var(--color8);
  padding-top: 1.5%;
}

.mainshopLeft {
  width: 25%;
  /* background: linear-gradient(to right, var(--color8), var(--color7)); */
  /* background-color: var(--color4); */
}

.mainshopRight {
  width: 75%;
}

.shop_mainsidebarxxx {
  padding: 4%;
  margin-right: 4%;
  border-radius: 0px 10px 10px 0px;
  border-top: 44px solid red;
  padding-bottom: 25%;
  background: linear-gradient(to right, var(--color8), var(--color7));
}

.shop_mainsidebar {
  background: linear-gradient(to right, var(--color8), var(--color7));
  padding: 4%;
  margin-right: 4%;
  border-radius: 0px 10px 10px 0px;
  border-top: 44px solid red;
  padding-bottom: 25%;
  position: relative;
}

.shop_mainsidebar::after {
  content: "";	
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 1px;
  height: 60px;
  background-image: url("../img/footerintrobg2.png");
  background-repeat: no-repeat;
  background-position: bottom;
  background-position-x: left;
  border-bottom-right-radius: 10px;
}


.mainsidebarwidget {
  margin-bottom: 8%;
  position: relative;
}

.mainsidebar_title {
  display: block;
  font-size: 13px;
  color: var(--color1);
  font-weight: 500;
  text-transform: uppercase;
  margin-left: 2%;
}

.mainsidebarfield {
  width: 100%;
  border-radius: 20px;
  height: 35px;
  font-size: 13px;
  padding: 2% 4%;
  border: 2px solid var(--color4);
  text-transform: capitalize;
}

.mainsidebarselect {
  width: 100%;
  border-radius: 20px;
  height: 35px;
  font-size: 13px;
  padding: 2% 4%;
  border: 2px solid var(--color4);
  text-transform: capitalize;
}

.tagtray {
  max-height: 150px;
  overflow: auto;
  margin-top: -1%;
  border-radius: 0px 0px 6px 6px;
  border-left: 1px solid var(--color4);
  border-right: 1px solid var(--color4);
  border-bottom: 1px solid var(--color4);
  width: 93%;
  margin-left: auto;
  margin-right: auto;
}

.tagtray span {
  background-color: var(--color3);
  color: var(--color7);
  font-size: 13px;
  margin: 2% 1%;
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 2%;
  cursor: pointer;
}

.tagtray span:hover {
  background-color: var(--color1);
}

.tagtrayhelp {
  font-size: 10px;
  color: var(--color3);
  text-align: center;
  margin-right: 5%;
  display: none;
  position: absolute;
  right: 0;
}


.specificationtray {
  max-height: 150px;
  overflow: auto;
  margin-top: -1%;
  border-radius: 0px 0px 6px 6px;
  border-left: 1px solid var(--color4);
  border-right: 1px solid var(--color4);
  border-bottom: 1px solid var(--color4);
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}


.specstrayhold {
  display: flex;
  margin: 1.5%;
}

.specificationtray .specstrayhold:first-child {
	margin-top: 4%;
}
.specificationtray .specstrayhold:last-child {
	margin-bottom: 4%;
}

.specsLabel {
  background-color: var(--color3);
  color: var(--color7);
  font-size: 13px;
  padding: 4px;
  border-radius: 2px 0px 0px 2px;
  width: 30%;
  word-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-transform: capitalize;
  
}

.specsValue {
  width: 60%;
  border: 1px solid red;
  background-color: white;
  padding: 0px 3px;
}

.removespecs {
  background-color: var(--color3);
  color: white;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 13px;
  margin-left: 1%;
  border-radius: 1px;
  cursor: pointer;
}

.removespecs:hover {
  background-color: var(--color1);
}

.mainsidebar_searchbyspecificationHelpBtn {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.mainsidebar_searchbyspecificationHelpTips {
  position: absolute;
  right: 0;
  background-color: var(--color1);
  color: white;
  font-size: 13px;
  padding: 8%;
  border-radius: 4px;
  z-index: 99;
  display: none;
}

.submit_mainsidebar {
  background-color: var(--color3);
  color: white;
  border: 0px;
  padding: 4px 8px;
  margin-top: 3%;
  margin-bottom: 3%;
  display: block;
}

.sspHidden {
	display: none;
}


.mycustomselectsearchoutput {
  margin: 0;
  padding: 4px;
  text-transform: capitalize;
}


.priceslidehold {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1.5%;
  margin-right: 1.5%;
  font-size: 14px;
}

.priceslideLeft {
  width: 45%;
  border-radius: 4px;
  flex: 0 0 45%;
  margin-right: 1%;
  margin-bottom: 0px;
}

.priceslideRight {
  width: 45%;
  border-radius: 4px;
  flex: 0 0 45%;
  margin-left: 1%;
  margin-bottom: 0px;
  text-align: right;
}

.priceslideMiddle {
  margin-top: 1%;
  flex: 0 0 100%;
  margin-bottom: 0px;
}

.mainsidebar_searchbypricevalue {
  width: 100%;
}

.mainsidebar_searchbypricedivider {
  margin-bottom: 0px;
  border-right: 1px dotted;
  margin-left: 2%;
  margin-right: 2%;
}

.customRangeMin {
	background-color: transparent;
}
	
.customRangeMin::-moz-range-track,
.customRangeMin::-webkit-slider-track {
	background-color: transparent;
	border: 1px solid gray;
	border-radius: 4px;
}

.customRangeMin::-moz-range-thumb,
.customRangeMin::-webkit-slider-thumb {
	background-color: #676774;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 2px solid white;
}

.customRangeMin::-moz-range-progress,
.customRangeMin::-webkit-slider-runnable-track {
	background-color: transparent;
}

.customRangeMax {
	background-color: transparent;
}
	
.customRangeMax::-moz-range-track,
.customRangeMax::-webkit-slider-track {
	background-color: transparent;
	border: 1px solid gray;
	border-radius: 4px;
}

.customRangeMax::-moz-range-thumb,
.customRangeMax::-webkit-slider-thumb {
	background-color: #676774;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	border: 2px solid white;
}

.customRangeMax::-moz-range-progress,
.customRangeMax::-webkit-slider-runnable-track {
	background-color: red;
}






/************************************** MAIN SHOP for individual shop like shopabroad **************************************/
.shop_section_products_bond {
	display: flex;
	flex-wrap: wrap;
	padding-top: 2%;
	padding-left: 1%;
	padding-right: 1%;
	/* background-color: var(--color4); */
	background: linear-gradient(to right, var(--color4), var(--color7));
}

.shop_section_products_bond .ssp_hold {
  width: 24%;
  flex: 0 0 24%;
  margin-left: 0.5%;
  margin-right: 0.5%;
  margin-bottom: 2%;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
}

.shop_large_slide_second {
  height: 300px;
  overflow: hidden;
  border-radius: 10px;
}

.shop_large_slide_second img {
  max-width: 100%;
}

.shoppaginationbase {
  padding: 1%;
}

.shoppaginationbase .showingpageof {
	margin-left: 0px;
	font-size: 14px;
	font-style: italic;
}



/************************************** READY MADE WEBSITES **************************************/
.rmw_search_base {
  background: linear-gradient(to right, var(--color4), var(--color7));
  padding: 2%;
}

.rmwsearchwidefield {
  width: 100%;
  text-align: center;
  height: 60px;
  border-radius: 40px;
  border: 0px;
  background: linear-gradient(to right, var(--color7), var(--color4));
  border: 2px solid var(--color4);
  margin-bottom: 1.2%;
}

.rwmsearchselect {
  width: 100%;
  height: 40px !important;
  background: linear-gradient(to right, var(--color7), var(--color4));
  border: 2px solid var(--color4);
  border-radius: 20px;
  padding: 0px 10px;
  text-transform: capitalize;
}

.rwmsearchbydate {
  text-transform: uppercase;
}

.rmw_searchHold {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1%;
}

.rmw_searchLeft {
  flex: 0 0 25%;
  position: relative;
}

.rmw_searchMiddle {
  flex: 0 0 48%;
  margin-left: 1%;
  margin-right: 1%;
  position: relative;
}

.rmw_searchRight {
  flex: 0 0 25%;
  position: relative;
}

.rmwsearchfield {
  width: 100%;
}

.rwmsearchselect {
  width: 100%;
  height: 35px;
}

.rmw_searchwide {
  position: relative;
}

.priceoutputhold {
  display: flex;
}

.pricesliderhold {
	margin-top: -0.6%;
}

.rmwpriceoutputLeft {
  flex: 0 0 50%;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.rmwpriceoutputRight {
  flex: 0 0 50%;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}


.rmwtagtray {
  max-height: 150px;
  overflow: auto;
  margin-top: -1%;
  border-radius: 0px 0px 6px 6px;
  border-left: 1px solid var(--color4);
  border-right: 1px solid var(--color4);
  border-bottom: 1px solid var(--color4);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.rmwtagtray span {
  background-color: var(--color3);
  color: var(--color7);
  font-size: 13px;
  margin: 2% 3px;
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 2%;
  cursor: pointer;
  text-transform: capitalize;
}

.rmw_intro_base {
  text-align: center;
  padding-top: 2%;
  background-color: var(--color1);
  color: white;
  padding-bottom: 2%;
  /* border-bottom: 10px solid var(--color3); */
}

.rmw_intro_number {
  text-align: center;
  font-size: 70px;
  color: var(--color);
  font-weight: 700;
  line-height: 1;
}

.rmw_intro_textbighold{
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
	overflow: hidden;
}

.rmw_intro_textbig {
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700; 
	overflow: hidden; 
	margin-left: auto !important;
	margin-right: auto !important;
}

.rmw_intro_textsmall {
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700; 
	overflow: hidden; 
	margin-left: auto !important;
	margin-right: auto !important;
	overflow: hidden;
	white-space: nowrap;
}

.rmw_introcolor {
  color: var(--color3);
}


.rmw_list_sect {
  /* padding-top: 4%; */
  padding-bottom: 4%;
}

.rmw_ready_base {
	display: flex;
	flex-wrap: wrap;
	padding-top: 4%;
}

.rmw_hold {
  flex: 0 0 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 4%;
  background: linear-gradient(to right,var(--color4),var(--color7));
  position: relative;
  box-shadow: 0 0 10px var(--color4);
  border-radius: 8px;
  overflow: hidden;
}

.rmw_image {
  height: 400px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  background-color: white;
}

.rmw_image img {
  max-width: 100%;
}

.rmw_price {
  padding: 1% 4%;
  background-color: red;
  font-size: 20px;
  font-weight: 600;
  color: var(--color7);
  text-align: center;
}

.rmw_bonhold {
  padding: 4px 2%;
  display: flex;
  background-color: var(--color1);
  color: var(--color6);
  font-size: 13px;
}

.rmw_bonhold i {
  margin-right: 2%;
  font-size: 13px;
}

.rmw_category {
  flex: 0 0 50%;
  font-weight: 600;
  text-transform: capitalize;
}

.rmw_date {
  flex: 0 0 50%;
  text-align: right;
  font-size: 13px;
  font-weight: 600;
}

.rmw_id {
  position: absolute;
  top: 0;
  right: 0;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 1% 3%;
}

.rmw_hiddentag {
  display: none;
}

.rmw_action {
  margin-top: 2%;
  margin-bottom: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rmw_action_buy {
  background-color: red;
  color: white;
  text-decoration: none;
  width: 180px;
  text-align: center;
  padding: 1% 0px;
  border-radius: 50px;
  font-size: 17px;
  margin-right: 2%;
}

.rmw_action_buy:hover {
  background-color: var(--color1);
  color: white;
  text-decoration: none;
}

.rmw_action_preview {
  background-color: var(--color1);
  color: white;
  text-decoration: none;
  width: 180px;
  text-align: center;
  padding: 1% 0px;
  border-radius: 50px;
  font-size: 17px;
  margin-left: 2%;
}

.rmw_action_preview:hover {
  background-color: var(--color3);
  color: white;
  text-decoration: none;
}


.rmwpaginationbase {
  margin-top: 1%;
  margin-bottom: 1%;
  padding-left: 2%;
}

.rmwpaginationbase .showingpageof {
  padding: 0;
  margin: 0;
  font-size: 13px;
  font-style: italic;
}

.rwmsearchbypriceMax::-moz-range-progress, 
.rwmsearchbypriceMax::-webkit-slider-runnable-track {
  background-color: var(--color3);
  height: 10px;
  border-radius: 10px;
}

.rwm_foot_note {
  padding-left: 2%;
  font-size: 13px;
  margin-top: 2%;
  font-style: italic;
}

/************************************** READY MADE WEBSITES SINGLE PAGE **************************************/

.rmw_phaseone_A {
  padding-top: 6%;
}

.rmw_phaseone_B {
  padding-top: 6%;
}

.single_rmw_image {
  display: flex;
  justify-content: center;
}

.single_rmw_image img {
  max-width: 100%;
}

.single_rmw_phasetwo {
  background: linear-gradient(to right,var(--color7),var(--color1));
  margin-top: 3%;
  padding-bottom: 2%;
}

.single_rmw_preview {
  text-decoration: none;
  margin: 4% auto;
  background-color: var(--color1);
  color: white;
  width: 50%;
  display: block;
  text-align: center;
  padding: 1%;
  font-size: 19px;
  font-weight: 500;
  border-radius: 4px;
}

.single_rmw_preview:hover {
  background-color: var(--color2);
  color: var(--color8);
  border: 2px solid var(--color8);
}

.single_rmw_tab_hold {
  background-color: var(--color1);
  display: flex;
  flex-wrap: wrap;
}

.single_rmw_tab {
  background-color: var(--color4);
  color: var(--color3);
  padding: 10px 15px;
  cursor: pointer;
  border-right: 1px solid var(--color1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.single_rmw_tab:last-child {
	border-right: none;
}

.single_rmw_tab:hover {
	 background-color: var(--color2);
	 color: white;
}

.single_rmw_tab.tabactive {
	background-color: var(--color3);
	 color: white;
}

.single_rmw_tab_content {
  display: block;
  width: 95%;
  padding: 2%;
  background-color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to right,var(--color8),var(--color7));
}

.single_rmw_tab_description {
  display: block;
}

.single_rmw_tab_features {
  display: none;
}

.single_rmw_tab_terms {
  display: none;
}

.single_rmw_tab_id {
  text-align: right;
  font-size: 1.75rem;
  font-weight: 600;
}

.single_rmw_tab_title {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	/* font-size: calc(1.3rem + .6vw); */
	font-size: 1.75rem;
	text-transform: capitalize;
	margin-bottom: 2%;
	color: var(--color3);
}


.single_rmw_tag_hold {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

.single_rmw_tagLabel {
  width: 50%;
}

.single_rmw_tagtick i {
  background-color: green;
  width: 20px;
  height: 20px;
  text-align: center;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}


/************************************** LOGO,GRAPHICS,BESPOKE,OTHER DIGITAL PAGE **************************************/

.ds_body {
  background: linear-gradient(to right,var(--color1),var(--color7));
  display: block;
  margin: 0;
  padding-top: 4%;
  padding-bottom: 12%;
}

.ds_main_form_phase {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  padding: 4%;
  border-radius: 8px;
  /* box-shadow: 0 0 4px; */
  background-color: white;
}

.ds_phaseone {
  margin-bottom: 8%;
}

.ds_phaseone_A {
  padding-top: 6%;
}

.ds_phaseone_B {
  padding-top: 6%;
}


.ds_phasetwo {
  background: linear-gradient(to right,var(--color7),var(--color1));
  padding-bottom: 2%;
}


.ds_form_title {
  color: var(--color1);
  font-size: 1.75rem;
  line-height: 1;
  margin-bottom: 6%;
}

.ds_form_hold_three {
  display: flex;
  margin-bottom: 1%;
}

.ds_form_hold_two {
  display: flex;
  margin-bottom: 1%;
}

.ds_form_label {
  flex: 0 0 25%;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 600;
  padding-right: 10px;
}

.ds_form_box {
  flex: 0 0 50%;
}

.ds_form_hold_two .ds_form_box {
  flex: 0 0 75%;
}

.ds_form_boxguide {
  flex: 0 0 25%;
}

.ds_field {
  width: 99%;
  height: 35px;
  background: linear-gradient(to right,var(--color7),var(--color4));
  border: 0px;
  border-radius: 6px;
  color: var(--color1);
  padding: 0px 6px;
}

.ds_dropfield {
  width: 99%;
  height: 35px;
  background: linear-gradient(to right,var(--color7),var(--color4));
  border: 0px;
  border-radius: 6px;
  color: var(--color1);
  padding: 0px 6px;
}

.ds_textfield {
  width: 99%;
  height: 160px;
  background: linear-gradient(to right,var(--color7),var(--color4));
  border: 0px;
  border-radius: 6px;
  color: var(--color1);
  padding: 0px 6px;
}

.ds_form_headline_subdesc {
  margin-bottom: 1.5%;
  font-size: 16px;
  border-bottom: 3px solid transparent;
  border-image: url("../img/divid2.png")1;
  padding-bottom: 0.6%;
}

.ds_form_section_intro {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  margin-top: 2%;
  margin-bottom: 2%;
  background-color: var(--color8);
  color: var(--color1);
  padding: 10px;
  border-radius: 2px;
  width:75%;
  margin-left: auto;
}

.ds_custom_price_intro {
  font-size: 16px;
  font-style: italic;
}

.ds_form_submit_base {
  text-align: center;
  margin-top: 4%;
}

.ds_submit_order {
  background-color: var(--color1);
  width: 150px;
  padding: 1% 0px;
  color: white;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border: 0px;
  border-radius: 4px;
}

.ds_submit_order:hover {
  background-color: transparent;
  border: 2px solid var(--color1);
  color: var(--color1);
}

.ds_overview_hold {
  display: flex;
  margin-bottom: 1.5%;
}

.ds_overview_label {
  background-color: var(--color1);
  color: white;
  flex: 0 0 30%;
  padding: 10px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.ds_overview_value {
  flex: 0 0 65%;
  background: linear-gradient(to right,var(--color4),var(--color7));
  text-align: right;
  padding-right: 15px;
  color: var(--color1);
  text-transform: lowercase;
}

.ds_overview_value.textcontent {
  text-align: left;
  padding: 1.5% 2%;
}

.ds_Restart_base {
  margin-top: 4%;
  text-align: right;
  margin-right: 5%;
}

.ds_Restart_base a {
  text-decoration: navajowhite;
  color: var(--color8);
  font-size: 18px;
  background-color: var(--color1);
  width: 100px;
  display: inline-flex;
  padding: 4px 0px;
  align-items: center;
  border-radius: 4px;
}

.ds_Restart_base a i {
  margin-right: 4px;
  margin-left: 6%;
  font-size: 36px;
}

.ds_Restart_base a:hover {
  background-color: transparent;
  color: var(--color1);
  border: 2px solid var(--color1);
}


.ds_tab_hold {
  background-color: var(--color1);
  display: flex;
  flex-wrap: wrap;
}

.ds_tab {
  background-color: var(--color4);
  color: var(--color3);
  padding: 10px 15px;
  cursor: pointer;
  border-right: 1px solid var(--color1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.ds_tab:last-child {
	border-right: none;
}

.ds_tab:hover {
	 background-color: var(--color2);
	 color: white;
}

.ds_tab.tabactive {
	background-color: var(--color3);
	 color: white;
}

.ds_tab_content {
  display: block;
  width: 95%;
  padding: 2%;
  background-color: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: linear-gradient(to right,var(--color8),var(--color7));
}

.ds_tab_catalog {
  display: block;
}

.ds_tab_features {
  display: none;
}

.ds_tab_terms {
  display: none;
}

.ds_tab_title {
	margin-top: 0;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
	font-size: 1.25rem;
	margin-bottom: 2%;
	color: var(--color3);
	text-transform: uppercase;
}


.ds_features_hold {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
}

.ds_featuresLabel {
  width: 50%;
}

.ds_featurestick i {
  background-color: green;
  width: 20px;
  height: 20px;
  text-align: center;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}


.ds_catalog_base {
  display: flex;
  flex-wrap: wrap;
}

.ds_catalog_image {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.ds_catalog_image img {
  max-width: 100%;
  max-height: 120px;
}

.ds_catalog_hold {
	position: relative;
}

.ds_catalog_logo .ds_catalog_hold {
	background-color: white;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 1%;
	border-radius: 6px;
	overflow: hidden;
	height: 120px;
	width: 160px;
}


.ds_catalog_graphics .ds_catalog_hold {
	background-color: white;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 1%;
	border-radius: 6px;
	overflow: hidden;
	height: 300px;
	width: 300px;
}

.ds_catalog_graphics .ds_catalog_image img {
  max-width: 100%;
  max-height: 300px;
}

.ds_view_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  color: var(--color3);
  font-size: 20px;
  cursor: pointer;
  background-color: rgba(255,255,255,0.8);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  transform: translate(-50%,-50%);
  
}

.ds_catalog_hold:hover .ds_view_icon {
	display: flex;
}

.ds_fullimage_base {
  position: fixed;
  background-color: rgba(198, 195, 195, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 900;
  overflow: hidden;
  display: none;
}

.ds_fullimage_content {
  width: 80%;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4%;
  height: 450px;
  border-radius: 6px;
  position: relative;
}

.close_ds_fullimage {
  background-color: white;
  color: var(--color1);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
  border-right: 1px solid var(--color1);
  border-bottom: 1px solid var(--color1);
  position: fixed;
  z-index: 100;
}

.close_ds_fullimage:hover {
  background-color: var(--color3);
  border: 1px solid var(--color3);
  color: var(--color7);
}

.ds_fullimage {
  text-align: center;
  overflow: auto;
  width: 100%;
  height: 100%;
}

/* customize the scrollbar for ds fullimage */
.ds_fullimage::-webkit-Scrollbar{
	width: 16px;
}

.ds_fullimage::-webkit-Scrollbar-thumb{
	background-color: var(--color3);
	border-radius: 6px;
}

.ds_fullimage::-webkit-Scrollbar-track{
	background-color: var(--color7);
	border-radius: 6px;
}

.ds_fullimage {
	scrollbar-width: thin;
	scrollbar-color: var(--color3) var(--color7);
}


.dspaginationbase .showingpageof {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-style: italic;
}


/*Table customize*/
.explainHold {
  display: flex;
}

.explainLeft {
  background-color: red;
  padding: 6px;
  display: inline-block;
  margin-bottom: 3px;
  width: 40%;
  color: var(--color7);
  font-weight: 600;
}

.explainRight {
  display: inline-block;
  border-bottom: 1px dotted;
  width: 58%;
  padding: 6px;
}


/************************************** SUBMENU BIG NEW**************************************/
.submenu-big {
  background-color: var(--color1);
  position: absolute;
  z-index: 200;
  left: 0;
  right: 0;
  background: linear-gradient(to right,var(--color1),var(--color2));
  display: none;
}

.submenu-big-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  padding: 4% 8%;
  /* background-image: url('../img/world2.png'); */
  /* background-repeat: no-repeat; */
  /* background-position-x: right; */
  /* background-position-y: center; */
}

.submenu-big-bind {
  width: 20%;
  height: auto;
  margin-bottom: 4%;
}

.submenu-big-image {
  display: block;
  overflow: hidden;
  text-align: center;
  width: 100px;
  height: 75px;
  border-bottom: 2px solid violet;
  border-top: 2px solid var(--color4);
  border-left: 2px solid var(--color10);
  border-right: 2px solid violet;
  border-radius: 9px;
  overflow: hidden;
}

.submenu-big-image img {
  max-width: 100%;
  height: auto;
}

.submenu-big-text {
  font-size: 14px;
  line-height: 17px;
  margin-top: 4%;
  margin-bottom: 2%;
}

.submenu-big-title a {
  display: block;
  font-size: 17px;
  font-weight: 600;
}

.submenu-drop-big:hover .submenu-big {
	display: block;
}


/************************************** WEPAY MENU **************************************/
.submenu-big-wrap.submenu-big-wrap-wepay {
	padding: 1%;
	display: block;
}

.wepaymenuboardLeft {
  width: 80%;
}

.wepaymenuboardRight {
  width: 20%;
}

.wepaymenubindline {
  margin-top: -2%;
  position: relative;
  z-index: 1;
}

.wepaymenubindline img {
  pointer-events: none;
}

.wepaymenuboard {
  display: flex;
}

.wepaymenuafricamap {
  margin-top: -4%;
  position: relative;
  z-index: 5;
}

.wepaymenuhold {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  margin-top: 6%;
}

.wepaymenubox {
  width: 46%;
  margin-bottom: 4%;
}

.wepaymenuboximage {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid white;
}

.wepaymenuboximage img {
  max-width: 100%;
}

.wepaymenuboxtitle {
  font-size: 13px;
  padding-left: 4%;
}
.wepaymenurightfooter {
  margin-top: 10%;
}

.wepaymenurightfooter a {
	display: block;
}


/************************************** NO COUNTRY **************************************/
.nocountrybasebind {
  display: flex;
}

.nocountrybasebindLeft {
  width: 50%;
  padding: 2% 4%;
}

.nocountrybasebindRight {
  width: 50%;
  background-image: url('../img/nocountryblind.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
}

.nocoutryheading {
  margin-top: 3%;
}

.nocountryboxhold {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  margin-bottom: 4%;
  margin-top: 10%;
}

.nocountrybox {
  width: 150px;
  height: 150px;
  background-color: white;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 6%;
  text-align: center;
  padding: 6% 2%;
  cursor: pointer;
  pointer-events: all;
  display: none;
}

.nocountrybox_active {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.nocountrybox:hover {
  border: 2px solid var(--color4);
}

.nocountryboximage img {
  border-radius: 6px;
}

.nocountryboxtitlehidden {
  display: none;
}

.nocountryboxtitle {
  margin-top: 4%;
  text-transform: capitalize;
  font-size: 16px;
  width: 100%;
}

.nocountrymorebase {
  padding-right: 12%;
  margin-bottom: 5%;
}

.nocountrymorebind {
  width: 90px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
}

.nocountrymoretext {
 color: var(--color5);
}

.nocountrymoreclip {
	display: inline-block;
	width: 80px;
	height: 78px;
	margin-top: -26%;
	background-color: var(--color5);
	-webkit-mask-image: url('../img/svg/caret-down.svg');
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	mask-image: url('../img/svg/caret-down.svg');
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: cover;
	
}



.nocountrysearchbase {
  margin-top: 2%;
  margin-bottom: 4%;
}

.nocountrysearch {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  height: 30px;
  padding: 0 3%;
  border: 2px;
  font-size: 14px;
  width: 80%;
}


.submitsearchnocountry {
  background-color: var(--color5);
  color: white;
  padding: 0 12px;
  font-size: 13px;
  height: 31px;
  border: 0;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}

.nocountrybatch{
	display: none;	
}
.nocountrybatchend{
	display: none;	
}

.nocountrysearchfoundactive {
  padding: 3%;
  text-align: center;
  display: block;
  border: 1px dotted;
  font-size: 19px;
  margin-top: 6%;
  font-weight: 500;
}


/************************************** CAPTCHA **************************************/
.hiddencaptchaanswer {
	display: none;
}

.captach_public_hold {
  background-image: url('../img/pp.png');
  background-size: contain;
  position: relative;
  background-color: #dbb;
  width: 50px;
  text-align: center;
}

.captchapublicL {
  font-size: 18px;
  font-weight: 500;
}

.captchapublicM {
  font-size: 17px;
  font-weight: 600;
  margin-left: 2px;
  margin-right: 4px;
}

.captchapublicR {
  font-size: 13px;
  font-weight: 700;
}

.captchabox {
  display: flex;
}

.logincaptchanswer {
  width: 60px;
  border: 0px;
}


/************************************** COMMKEY **************************************/
.commkeybase {
	display: none;
}

.commkey {
  display: none;
}

/************************************** LOGIN **************************************/
.loginwraper {
  display: flex;
}

.loginwraperLeft {
  width: 40%;
}

.loginheading {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.login_messagebox {
	display: none;
}

.login_messagebox_error {
	display: flex;
	background-color: pink;
}

.login_messagebox_success {
	display: flex;
	background-color: greenyellow;
}

.login_messagebox_content{
	font-size: 14px;
	/* text-align: lef; */
	padding: 2%;
}

.closeloginmessagebox {
  width: 26px;
  height: 26px;
  background-color: white;
  color: pink;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  border-radius: 2px;
  cursor: pointer;
  pointer-events: all;
}

.logincontainer {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  box-shadow: 0 0 2px;
  border-radius: 5px;
  padding: 4%;
}

.loginbindemailotp {
  display: none;
}

.loginbindgoogleauth {
	display: none;
}

.submitlogin {
  padding: 6px 20px;
  border-radius: 4px;
  margin-top: 4%;
  background-color: var(--color3);
  border: 0;
  color: white;
  box-shadow: 2px 2px 2px gray;
}
.loginbtn {
  padding: 6px 20px;
  border-radius: 4px;
  margin-top: 4%;
  background-color: var(--color3);
  border: 0;
  color: white;
  box-shadow: 2px 2px 2px gray;
}

.loginstage {
  display: none;
}

.logingoogleauthintro {
  display: block;
}

.refreshcaptcha {
  margin-left: 4px;
  cursor: pointer;
  pointer-events: all;
}


/************************************** REGISTER **************************************/
.registerwraper {
  display: flex;
}

.registerwraperLeft {
	width: 35%;
}

.registerwraperRight {
	width: 65%;
}

.registercontainer {
  box-shadow: 0 0 2px;
  padding: 10% 6%;
  border-bottom-right-radius: 30px;
}

.registerimagebase {
  overflow: hidden;
}

.registerimagebase img {
  max-width: 100%;
}

.registerbind {
  display: flex;
  margin-bottom: 1%;
  align-items: center;
}

.registerbindleft {
  width: 40%;
}
.registerbindright {
  width: 55%;
}

.registerheading {
  display: block;
  font-size: 34px;
}

.registersubheading {
  width: 100%;
  display: block;
  margin-bottom: 5%;
  font-style: italic;
}

.register_messagebox {
  display: none;
}

.registerfield {
  width: 100%;
}

.registercountry {
  text-transform: capitalize;
}

.registercity {
  text-transform: capitalize;
}

.phonebox {
  display: flex;
}

.phonecode {
  width: 70px;
}

.registerphonenumber {
  width: 70%;
}

.registerfieldselect {
  width: 100%;
  height: 40px;
}

.registercaptchanswer {
  width: 100%;
}

.registerbindauthorize {
  display: none;
}

.registerbindauthorizeactive {
	display: flex;
}

.submitregister {
  margin-top: 8%;
}

.registerstate {
  text-transform: capitalize;
}

.register_messagebox_error {
	display: flex;
	background-color: pink;
	margin-bottom: 1%;
}

.register_messagebox_successxxx {
	display: flex;
	background-color: greenyellow;
	margin-bottom: 1%;
}

.register_messagebox_success {
  display: flex;
  margin-bottom: 1%;
  background: linear-gradient(to right,#e6bad3,aliceblue,lightblue);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.register_messagebox_content{
	font-size: 14px;
	/* text-align: lef; */
	padding: 2%;
}

.closeregistermessagebox {
  width: 26px;
  min-width: 26px;
  height: 26px;
  background-color: white;
  color: pink;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  border-radius: 2px;
  cursor: pointer;
  pointer-events: all;
}


.registeremailotpintro {
  margin-bottom: 3%;
  display: block;
}

.registerbindfooter {
	display: flex;
}

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

.registerbindfooterleft {
  width: 40%;
}
.registerbindfooterright {
  width: 55%;
}

.regloginbtn {
  background-color: red;
  text-align: center;
  display: block;
  width: fit-content;
  font-size: 18px;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
  padding: 7px 44px;
  text-decoration: none;
  border-radius: 28px;
  color: white;
}

.regloginbtn:hover {
  color: white;
  background-color: darkcyan;
}

/************************************** STORE PAGE **************************************/
.shop_large_slides_images {
  display: none;
}
.shop_top_slides_images {
	display: none;
}
.shop_product_slide_one_contents{
	display: none;
}
.shop_product_slide_two_contents{
	display: none;
}
.shop_product_slide_three_contents{
	display: none;
}

.pagename {
	display: none;
}

/************************************** CART NOTICES **************************************/
.cartnoticebase {
	display: none;
	position: fixed;
	z-index: 600;
	width: 350px;
	right: 1%;
	bottom: 0;
}

.cartnoticebaseactive {
  display: block;
}

.cartnotice {
  background-color: var(--color1);
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 10px;
  animation: slide_in_from_down 1s;
  padding-bottom: 4%;
}

.closecartnotice {
  background-color: var(--color3);
  width: 30px;
  height: 30px;
  display: flex;
  color: white;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: all;
  font-weight: 600;
}

.cartnoticecontent {
  padding: 6% 5%;
  color: white;
  display: block;
}

.cartnoticeleg {
  height: 150px;
  width: 36px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../img/chain.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  animation: slide_in_from_down 2s;
}

.cartnoticeviewbtn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  font-size: 14px;
  background-color: var(--color3);
  padding: 3px 12px;
  border-radius: 3px;
  cursor: pointer;
  pointer-events: all;
  color: white;
}

/* Topbar Filter */
.filteredout {
	display: none;
}