body {
    font-family: "Avenir lt Std" !important;
}

a:hover{
	text-decoration: none !important;
}

@font-face {
    font-family: BebasNeue;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/BebasNeue-Regular.ttf");
}

@font-face {
    font-family: Barlow;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/BarlowCondensed-Regular.ttf");
}

@font-face {
    font-family: Albra;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/AlbraBold.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("fonts/Avenir-ExtraLight.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/Avenir-Light.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("fonts/Avenir-Italic.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/Avenir-Regular.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("fonts/Avenir-SemiBold.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/Avenir-Black.ttf");
}

@font-face {
    font-family: Avenir lt Std;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("fonts/Avenir-Black.ttf");
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/OpenSans-SemiBold.ttf");
}

@font-face {
    font-family: PlayFairEBI;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/PlayfairDisplay-ExtraBoldItalic.ttf");
}

@font-face {
    font-family: PlayFairB;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/PlayfairDisplay-Bold.ttf");
}

@font-face {
    font-family: Hind;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("fonts/Hind-Regular.ttf");
}

a:not(.custom) {
    text-decoration: none;
    color: var(--colorText);
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
	color:#F7F7F7
}

:root {
    --colorPrimary: #2B7A78;
    --colorPrimary2: #17252A;
	--colorPrimary3: #DEF2F1;
    --colorPrimary4: #3AAFA9;
    --colorAccent: #1f3149;
    --colorAccent2: #adbe93;
    /* --colorAccent2: #d9eabf; */
    --colorGrey: #f1f1f1;
    --colorGrey2: #e2e2e2;
    --colorText: #1d1d1b;
    --colorSuccess: #3cb371;

    --colorError: #B8272D;
    --colorTextPrimary: #000;
    --colorLabel: #8f8f8f;
    --colorDisabled: #e1dfe9;
    --colorThemeGrey: #333;
	--colorWhite: #fff;
	
	--colorPicBG:#F7F7F7;
	
	--colorRatingStarGold:#FACA51;
	--colorRatingStarGrey:#EFF0F5;

    --lengthSm07: 0.7rem;
	--lengthSm1: 1rem;
    --lengthSm2: 1.2rem;
    --lengthSm3: 1.3rem;

    --lengthMd1: 1.6rem;
    --lengthMd2: 1.8rem;
    --lengthMd3: 2rem;

    --lengthLg1: 1.75rem;
    --lengthLg2: 2rem;
    --lengthLg4: 2.5rem;
    --lengthLg5: 3rem;
    --lengthLg6: 4rem;
	
    --shadow1: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px,
        rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;
    --shadow2: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px,
        rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    --shadow3: rgba(0, 0, 0, 0.2) 0px 3px 3px -2px,
        rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px;
    --shadow4: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
        0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --shadow5: 0 8px 17px 2px rgba(0, 0, 0, 0.14),
        0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    --shadow6: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
        0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
    --shadow7: 0 24px 38px 3px rgba(0, 0, 0, 0.14),
        0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    --shadow8: 0 22px 43px -20px rgba(0, 0, 0, 0.15);
    --shadow9: 0 12px 23px -15px rgba(0, 0, 0, 0.15);
}

.ff-bebas{
	font-family: BebasNeue;
}

.ff-barlow{
	font-family: Barlow;
}


.sale-banner{
	background:#3AAFA9 !important;
}

.bg-gradient{
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 55%, rgba(58,175,169,1) 100%);
}

.bg-gradient-1{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 55%, rgba(58,175,169,1) 100%);
}

.fs-responsive-sale-title{
	font-size:35px;
}

@media (max-width:450px){
	.fs-responsive-sale-title{
		font-size:25px !important;
	}
}

.fs-responsive-sale{
	font-size:30px;
}

@media (max-width:450px){
	.fs-responsive-sale{
		font-size:20px !important;
	}
}

.sale-button{
	width:90%;
	max-width:150px;
	height: 50px;
	background:#ffffff;
	padding:10px 20px 10px 20px;
	font-size:18px;
	font-weight: 500;
}

.sale-button:hover{
	color:#006156;
}

/*Product Page Rating CSS Starts*/
.rating-grey{
	color: var(--colorRatingStarGrey) !important;
}

.rating-gold{
	color: var(--colorRatingStarGold) !important;
}

.rating-10 {
color: linear-gradient(to right, #bada55 0%, #bada55 50%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
}

.star {
  display: inline-block;
  position: relative;
  font-size: 100px;
  color: #ddd;
}

.star:after {
  font-family: FontAwesome;
  content: "\f005";
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
  overflow: hidden;
  color: #f80;
}

.rating-bar-grey{
	background: #EFF0F5;
	width:99% !important;
	padding: 0px !important;
	margin:0px !important;
	min-width:248px;
}

.rating-bar-gold{
	background: #FACA51;
	height: 45px;
	padding: 0px !important;
	margin:0px !important;
}

.rating-bar-gold img{
	position:absolute; 
	width:100% !important;
	z-index: 9999;
	margin-top:-1px !important;
	margin-left:-1px !important;
	max-height: 47px;
	min-width:250px;
}

.color-primary4{
	color: var(--colorPrimary4) !important;
}

.bg-primary4{
	background: var(--colorPrimary4) !important;
}

@media (max-width:768px){
	.max-w-250{
		max-width:250px !important;
	}
}

@media (max-width:1200px){
	.max-w-250{
		max-width:250px !important;
	}
}

@media (max-width:2400px){
	.max-w-250{
		max-width:250px !important;
	}
}

/*Product Page Rating CSS Ends*/



/*Order Detail Page Rating CSS Starts*/
.rate {
    float: left;
    height: 60px;
    padding: 0 0px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:35px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/*Order Detail Page Rating CSS Ends*/

.font-green {
    color: var(--colorPrimary) !important;
}

.font-orange {
    color: #E78A14;
}

.font-light-grey{
	color: var(--colorGrey2) !important;
}

.font-color-disabled{
	color: var(--colorDisabled) !important;
}

.font-white{
	color:#ffffff !important;
}

.font-color-dark{
	color: var(--colorText) !important;
}

.font-white:hover{
	color:#006156 !important;
}

.text-sm-3 {
    font-size: var(--lengthSm3);
}

.text-sm-2 {
    font-size: var(--lengthSm2);
}

.text-sm-1 {
    font-size: var(--lengthSm1);
}

.text-md-3 {
    font-size: var(--lengthMd3);
}

.text-md-2 {
    font-size: var(--lengthMd2);
}

.text-md-1 {
    font-size: var(--lengthMd1);
}

.text-lg-3 {
    font-size: var(--lengthLg4);
}

.text-lg-4 {
    font-size: var(--lengthLg5);
}

.text-lg-5 {
    font-size: var(--lengthLg6);
}

.text-lg-2 {
    font-size: var(--lengthLg2);
}

.text-lg-1 {
    font-size: var(--lengthLg1) !important;
}

.font-regular {
    font-weight: 400 !important;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
textarea {
    font-family: "Avenir", sans-serif !important;
    font-weight: 500;
}

input[type="text"]:not(.custom):not(.MuiInputBase-input),
input[type="search"]:not(.custom),
input[type="email"]:not(.custom),
input[type="password"]:not(.custom),
input[type="number"]:not(.custom),
input[type="tel"]:not(.custom),
select:not(.custom),
textarea:not(.custom) {
    padding: 0.8rem 1.2rem;
    border: 0;
    border-bottom: 2px solid var(--colorLabel);
    transition: 0.4s all ease;
    letter-spacing: 0.4px;
    font-size: var(--lengthMd1);
    resize: none;
    color: var(--colorText);
    background: transparent;
}

input[type="tel"]:not(.custom){
	padding: 0.8rem 6rem;
}

input[type="text"]:not(.custom):focus::placeholder,
input[type="search"]:not(.custom):focus::placeholder,
input[type="email"]:not(.custom):focus::placeholder,
input[type="password"]:not(.custom):focus::placeholder,
input[type="number"]:not(.custom):focus::placeholder,
input[type="tel"]:not(.custom):focus::placeholder,
select:not(.custom):focus::placeholder,
textarea:not(.custom):focus::placeholder {
    color: var(--colorPrimary);
}

input[type="text"]:not(.custom)::placeholder,
input[type="search"]:not(.custom)::placeholder,
input[type="email"]:not(.custom)::placeholder,
input[type="password"]:not(.custom)::placeholder,
input[type="number"]:not(.custom)::placeholder,
input[type="tel"]:not(.custom)::placeholder,
select:not(.custom)::placeholder,
textarea:not(.custom)::placeholder {
    transition: 0.4s all ease;
}

input[type="text"]:not(.custom):not(.MuiInputBase-input):hover,
input[type="search"]:not(.custom):hover,
input[type="email"]:hover,
input[type="password"]:not(.custom):hover,
input[type="number"]:not(.custom):hover,
input[type="tel"]:not(.custom):hover,
select:not(.custom):hover,
textarea:not(.custom):hover,
input[type="text"]:not(.custom):not(.MuiInputBase-input):focus,
input[type="email"]:not(.custom):focus,
input[type="password"]:not(.custom):focus,
input[type="number"]:not(.custom):focus,
input[type="tel"]:not(.custom):focus,
select:not(.custom):focus,
textarea:not(.custom):focus {
    border-bottom: 2px solid var(--colorPrimary);
    outline: none;
    box-shadow: none;
}

input:disabled,
select:disabled {
    cursor: not-allowed;
}

/* .hover-drop > div.droppableContainer,
.focus-drop > div.droppableContainer {
display: none;
}

.hover-drop > a:hover ~ div.droppableContainer {
display: flex;
}

.focus-drop > a:focus ~ div.droppableContainer,
div.droppableContainer:hover {
display: flex !important;
} */

.item {
    text-align: center;
    display: table;
    width: 100%;
}

.item h2{
	left:0;
	right:0;
	margin-left: auto;
  	margin-right: auto;
  	position: absolute;
	margin-top:180px;
}

.item h3{
	left:0;
	right:0;
	margin-left: auto;
  	margin-right: auto;
  	position: absolute;
	margin-top:240px;
}

.item h2 {
    color: #fff !important;
    display: table-cell;
    vertical-align: middle;
    font-size: 5rem;
	font-family: Barlow;
}

@media (max-width:1250px){
	.item h2{
		font-size: 4rem !important;
		vertical-align: middle;
		left:0;
		right:0;
		margin-top:220px;
	}
}

@media (max-width:768px){
	.item h2{
		font-size: 3.5rem !important;
		vertical-align: middle;
	}
}

@media (max-width:450px){
	.item h2{
		font-size: 2.5rem !important;
		vertical-align: middle;
	}
}

.comingSoonImg {
    width: auto;
    max-width: 100%;
}

.comingSoonImgBig {
    width: auto;
    padding-left: 1.9rem !important;
    padding-right: 1.9rem !important;
    margin: auto;
    margin-bottom: 5em;
}

button:not(.custom-disabled):disabled,
.custom-btn.disabled-appear {
    background: var(--colorDisabled) !important;
    color: var(--colorLabel) !important;
    pointer-events: none;
}

.border-radius-1 {
    border-radius: 1rem !important;
}

.text-justify {
    text-align: justify;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: var(--colorLabel);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--colorText);
}

:focus {
    outline: none;
}

html,
body {
    height: 100%;
    color: var(--colorText);
	font-family: "Avenir lt Std";
}

body {
    margin: 0;
}

body,
body>*:not(.fa):not(.fas):not(.far):not(.fab):not(.customFont):not(.customFont2),
button {
    color: var(--colorTextPrimary);
    font-family: "Avenir lt Std";
}

.customFont {
    font-family: "Noto Naskh Arabic", serif !important;
}

.customFont2 {
    font-family: "Albra", serif !important;
}

.customFont3 {
    font-family: "PlayFairB", serif !important;
}

@media (min-width: 768px) {
    .width-70 {
        width: 70%;
    }

    .width-50 {
        width: 50%;
    }

    .custom-container {
        width: 750px;
    }

    .ml-lg-4 {
        margin-left: 2em;
    }

    .w-75 {
        width: 75%;
    }
}

@media (min-width: 992px) {
    .custom-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .custom-container {
        width: 95%;
        max-width: 1400px;
    }
}

.custom-container {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-right: auto;
    margin-left: auto;
    font-family: "Avenir lt STD";
}

.custom-form.grid,
.custom-grid {
    display: grid;
    grid-gap: 2.5rem;
}

.custom-form.flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.custom-form>div>span:not(.custom) {
    font-size: var(--lengthMd2);
    color: var(--colorTextPrimary);
    font-weight: 400;
}

.custom-form.form-text>div:not([class]) {
    flex-direction: row;
    align-items: flex-end;
    line-height: 1;
}

.custom-form.form-text>div {
    margin: 0.25em 0;
}

.custom-form.form-text>div>*:last-child {
    flex: 1;
    padding-left: 0.5em;
}

.custom-form.form-text>div>span {
    font-size: var(--lengthMd1);
    font-weight: 600;
    color: var(--colorThemeGrey);
}

.custom-form.form-text>div>label {
    margin: 0;
    width: 30%;
    font-size: var(--lengthMd1);
}

.custom-form.flex>div.full {
    width: 100%;
}

.letterHeadWaterMark {
    position: absolute;
    width: 50%;
    right: -16%;
    bottom: 3%;
    z-index: 0;
}

.custom-form.flex>div.quarter {
    width: 25%;
}

.custom-form.flex>div.flex_1 {
    flex: 1;
}

.custom-form.flex>div.half {
    width: calc(50% - 0.5rem);
}

.custom-form.flex>div {
    margin: 0.5rem 0;
}

.grid._5,
.custom-grid._5 {
    grid-template-columns: repeat(5, 1fr);
}

.grid._4,
.custom-grid._4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid._3,
.custom-grid._3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid._2,
.custom-grid._2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid._1,
.custom-grid._1 {
    grid-template-columns: repeat(1, 1fr);
}

.custom-form>div {
    display: flex;
    flex-direction: column;
    position: relative;
}

.custom-form>div>label {
    font-weight: 400;
    color: var(--colorText);
    font-size: var(--lengthSm3);
    margin-bottom: 0.2rem;
    position: relative;
}

.custom-form>div>input,
.custom-form>div>select {
    width: 100%;
}

label.asterix::before {
    content: "*";
    position: absolute;
    color: var(--colorError);
    left: -0.6rem;
    top: 50%;
    transform: translate(0, -50%);
    font-size: var(--lengthMd3);
    font-weight: 600;
}

.btn-row {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.btn-row>*:not(:last-child) {
    margin-right: 1rem;
}

.custom-btn-1 {
    padding: 0.85rem 1.5rem;
    font-size: var(--lengthMd1);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 1;
    cursor: pointer;
    width: max-content;
    transition: 0.2s all ease;
    min-width: 200px;
    border: 2px solid transparent;
    position: relative;
	color:#fff !important;
}

.custom-btn-1:hover {
	color:#ffffff !important;
}

.custom-btn {
    padding: 0.85rem 1.5rem;
    font-size: var(--lengthMd1);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 1;
    cursor: pointer;
    width: max-content;
    transition: 0.2s all ease;
    /*border-radius: 2rem;*/
    min-width: 200px;
    border: 2px solid transparent;
    position: relative;
	color:#fff !important;
}

.custom-btn:hover {
	color:#006452 !important;
}

.custom-btn.disabled {
    border: 2px solid transparent;
    background: #efefef;
}

.custom-btn.disabled:hover {
    background: #ddd;
}

.custom-btn.transparent {
    border: 2px solid transparent;
    background: transparent;
    color: var(--colorPrimary);
}

.custom-btn.transparent:hover {
    background: #efefef;
}

.custom-btn.sm {
    padding: 0.6rem 1.5rem;
    font-size: var(--lengthsm2);
}

.custom-btn.sm.text-sm-3 {
    font-size: var(--lengthSm3);
}

.w-max {
    width: max-content;
}

.custom-btn.color-error {
    color: var(--colorError);
}

.custom-btn.w-max {
    min-width: auto;
}

.custom-btn>svg {
    margin-right: 0.5rem;
    fill: var(--colorTextPrimary);

    transition: 0.2s all ease;
}

.custom-btn.colored>svg {
    fill: #fff;
}

.custom-btn.colored:hover svg {
    fill: var(--colorPrimary);
}

.custom-btn.colored2>svg {
    fill: #fff;
}

.custom-btn.colored2:hover svg {
    fill: var(--colorThemeGrey);
}

.custom-btn.accent2>svg {
    fill: #fff;
}

.custom-btn.accent2:hover {
    background: #fff;
    color: var(--colorAccent2);
}

.custom-btn.accent2:hover svg {
    fill: var(--colorAccent2);
}

.custom-btn.bordered {
    border: 2px solid var(--colorAccent);
    background: transparent;
    color: var(--colorAccent);
    transition: 0.4s all ease;
    cursor: pointer;
    opacity: 0.8;
}

.custom-btn.bordered:hover {
    opacity: 1;
}

.custom-btn-2{
    padding: 1rem 1rem;
    font-size: var(--lengthMd1);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    opacity: 1;
    cursor: pointer;
    width: max-content;
    transition: 0.2s all ease;
    min-width: 250px;
    border: 2px solid transparent;
    position: relative;
	color:#006541;
}

.custom-btn-2 a{
	color:#006541;
}

.custom-btn-2.disabled {
    border: 2px solid transparent;
    background: #efefef;
}

.custom-btn-2.disabled:hover {
    background: #ddd;
}

.custom-btn-2.transparent {
    border: 2px solid transparent;
    background: transparent;
    color: var(--colorPrimary);
}

.custom-btn-2.transparent:hover {
    background: #efefef;
}

.custom-btn-2.sm {
    padding: 0.6rem 1.5rem;
    font-size: var(--lengthsm2);
}

.custom-btn-2.sm.text-sm-3 {
    font-size: var(--lengthSm3);
}

.custom-btn-2.color-error {
    color: var(--colorError);
}

.custom-btn-2.w-max {
    min-width: auto;
}

.custom-btn-2>svg {
    margin-right: 0.5rem;
    fill: var(--colorTextPrimary);

    transition: 0.2s all ease;
}

.custom-btn-2.colored>svg {
    fill: #fff;
}

.custom-btn-2.colored:hover svg {
    fill: var(--colorPrimary);
}

.custom-btn-2.colored2>svg {
    fill: #fff;
}

.custom-btn-2.colored2:hover svg {
    fill: var(--colorThemeGrey);
}

.custom-btn-2.accent2>svg {
    fill: #fff;
}

.custom-btn-2.accent2:hover {
    background: #fff;
    color: var(--colorAccent2);
}

.custom-btn-2.accent2:hover svg {
    fill: var(--colorAccent2);
}

.custom-btn-2.bordered {
    border: 2px solid var(--colorAccent);
    background: transparent;
    color: var(--colorAccent);
    transition: 0.4s all ease;
    cursor: pointer;
    opacity: 0.8;
}

.custom-btn-2.bordered:hover {
    opacity: 1;
}

.mw-310 {
    min-width: 310px !important;
}

@media (max-width:768px){
	.mw-310{
		min-width:200px !important;
	}
}

.w-750 {
    width: 750px !important;
}

@media (max-width:768px){
	.w-750{
		width:100% !important;
		margin-left:auto !important;
		margin-right:auto !important;
		margin-top:100px !important;
	}
}

.mt-auto {
    margin-top: auto;
}

.mt-40 {
    margin-top: 40px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 80px;
}

@media (max-width:450px){
	.mt-80{
		margin-top:0px !important;
	}
}

.mt-18 {
    margin-top: 18rem;
}

@media (max-width:1200px){
	.mt-30{
		margin-top:250px;
	}
}

@media (max-width:768px){
	.mt-30{
		margin-top:50px !important;
		width:140px !important;
	}
}

@media (max-width:450px){
	.mt-30{
		margin-top:50px;
	}
}

.mt-5 {
    margin-top: 5rem;
}

.mt-4 {
    margin-top: 4rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-1_5 {
    margin-top: 1.5rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-0_5 {
    margin-top: 0.5rem;
}

.mt-0 {
    margin-top: 0 !important;
}

.mr-1 {
    margin-right: 1rem;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-1_5 {
    margin-left: 1.5rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-0 {
    margin-left: 0rem;
}

.ml-0_5 {
    margin-left: 0.5rem;
}

.mr-0 {
    margin-right: 0rem;
}

.mr-0_5 {
    margin-right: 0.5rem;
}

.bg-light-green{
	background: #c5d9d6;
}

.bg-light-green-2{
	background: #eef0ea;
}

.bg-grey1{
	background: #F4F5F6;
}

.bg-light {
    background: #fff !important;
}

.bg-white {
    background: #fff !important;
}

.bg-primary {
    background: var(--colorPrimary) !important;
}

.bg-primary-2 {
    background: var(--colorPrimary2);
}

.bg-primary-3 {
    background: var(--colorPrimary3);
}

.bg-light2{
	background: var(--colorPicBG);
}

.custom-btn.colored.dark {
    border: 0;
    background: var(--colorPrimary);
    color: #fff;
}

.custom-btn.colored:hover {
    background: #fff;
    border: 2px solid var(--colorPrimary);
    color: var(--colorPrimary);
	background: #17252A;
}

.custom-btn.colored2:hover {
    background: #fff;
    color: var(--colorThemeGrey);
    border: 2px solid;
}

.custom-btn.sm>svg {
    width: 18px;
    height: 18px;
}

.fl-left{
	float:left;
}

.modal-header {
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    position: relative;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 1rem 1.5rem;
    border-top: 0;
}

.modalCloseBtn {
    background: transparent;
    border: 0;
    transition: 0.3s all ease;
    opacity: 0.75;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 1.5rem;
    top: 1rem;
    transform: translate(0, -50%);
}

.modalCloseBtn svg {
    fill: var(--colorError);
}

.modalCloseBtn:hover {
    opacity: 1;
}

.modal-backdrop {
    background-color: #565656;
}

.modal-content {
    border-radius: 0;
    box-shadow: var(--shadow9);
    border: 0;
}

.modal-body {
    padding: 1rem 1.5rem;
}

.modal-header:before,
.modal-header:after {
    content: none;
}

.modal-title {
    font-size: var(--lengthMd2);
    color: var(--colorTextPrimary);
}

.toast-close {
    opacity: 0.4;
    padding: 0 0 0 1rem;
}

.Toastify__toast-body>div:last-child {
    text-transform: capitalize;
    line-height: 1.25;
}

.info-toast {
    background: linear-gradient(135deg, #73a5ff, #5477f5);
}

.success-toast {
    background: linear-gradient(165deg, #58bb58, #68ca68);
}

.error-toast {
    background: linear-gradient(90deg, #d84949, #d46464);
}

.warning-toast {
    background: linear-gradient(45deg, #ffc04c, #e6980a);
}

.toastify {
    /* border-radius: 0.5rem; */
    font-size: var(--lengthMd1);
}

.dt-btn-row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dt-btn-row>button:not(:last-child) {
    margin-right: 1rem;
}

.dt-btn {
    font-size: var(--lengthSm3);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.75rem;
    font-weight: 600;
    font-weight: 600;
    transition: 0.2s all ease;
}

.dt-btn:hover {
    border: 2px solid var(--colorText);
    color: var(--colorText);
}

.dt-btn:hover svg {
    fill: var(--colorText);
}

.dt-btn>svg {
    height: 20px;
    width: 20px;
    margin-right: 0.5rem;
    transition: 0.2s all ease;
}

.dt-btn.edit:not(:hover) {
    border: 2px solid var(--colorAccent);
    color: var(--colorAccent);
}

.dt-btn.edit:not(:hover) svg {
    fill: var(--colorAccent);
}

.dt-btn.remove:not(:hover) svg {
    fill: var(--colorError);
}

.dt-btn.remove:not(:hover) {
    border: 2px solid var(--colorError);
    color: var(--colorError);
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid var(--colorDisabled);
}

.h3-block h3 {
    margin: 0 0 1rem;
    font-size: var(--lengthMd3);
    color: var(--colorTextPrimary);
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-0_5 {
    margin-bottom: 0.5rem !important;
}

b {
    font-weight: 600;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider:not(.custom-labels).round {
    border-radius: 34px;
}

.slider:not(.custom-labels) {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:not(.custom-labels):before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.slider:not(.custom-labels).round:before {
    border-radius: 50%;
}

input:checked+.slider:not(.custom-labels) {
    background-color: var(--colorText);
}

input:checked+.slider:not(.custom-labels):before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.switch-wrap {
    display: flex;
    margin-top: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.switch-wrap>label {
    color: var(--colorText);
    font-size: var(--lengthMd1);
    font-weight: 400;
}

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

.font-weight-600 {
    font-weight: 500;
}

.font-weight-700 {
    font-weight: 500;
}

.mb-1_5 {
    margin-bottom: 1.5rem;
}

.custom-btn.rounded {
    border-radius: 3rem;
}

.fs80 {
    font-size: 80px !important;
}

@media(max-width:768px){
	.fs80{
		font-size:30px !important;
	}
}

.fs55 {
    font-size: 55px !important;
}

@media(max-width:768px){
	.fs55{
		font-size:30px !important;
	}
}

.fs35 {
    font-size: 35px !important;
}

.fs25 {
    font-size: 25px !important;
}

.fs23 {
    font-size: 23px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs15 {
    font-size: 15px !important;
}

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

@media (max-width:450px){
	.mob-fs15{
		font-size: 15px !important;
	}
}

.text-decor-underline {
    text-decoration: underline !important;
}

.strikethrough {
    position: relative;
}

.strikethrough:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    right: 0;
    border-top: 1px solid;
    border-color: inherit;

    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

.single-product-detail ul {
    list-style: none;
}

.single-product-detail ul li::before {
    content: "•";
    color: #006556;
    font-weight: bold;
    display: inline-block;
    width: 15px;
    height: 25px;
}

.single-product-detail table {
    width: 100%;
}

.single-product-detail th {
    background: #006556;
    color: #ffffff;
    font-weight: bold;
    padding: 5px;
}

.single-product-detail td {
    padding: 5px;
    border: 1px solid #f6f6f6;
    border-radius: 3px;
}

.custom-btn.outline {
    border: 2px solid;
}

.custom-btn.outline.primary {
    color: var(--colorPrimary);
    border: 2px solid;
}

.custom-btn.outline.accent:hover {
    color: var(--colorPrimary);
    border: 2px solid var(--colorPrimary);
}

.custom-btn.outline.primary:hover {
    color: var(--colorThemeGrey);
    border: 2px solid var(--colorThemeGrey);
}

.custom-btn.outline.light:hover {
    border: 2px solid #fff;
    background: var(--colorPrimary);
    color: #fff;
}

.custom-btn.accent {
    border-color: var(--colorAccent);
}

.custom-btn:not(.colored).accent {
    color: var(--colorAccent);
}

.btn-ouline {
    border: 1px solid var(--colorPrimary) !important;
}

section {
    position: relative;
}

.font-bolder {
    font-weight: 900 !important;
}

.font-bold {
    font-weight: 600 !important;
}

.font-black {
    font-weight: 700 !important;
}

.m0 {
    margin: 0;
}

.custom-btn.light {
    color: var(--colorPrimary);
    background: #fff;
    border: 2px solid transparent;
}

.custom-btn.light:hover {
    color: #fff;
    background: transparent;
    border: 2px solid;
}

.custom-btn>img {
    margin-right: 0.75rem;
    height: 30px;
}

.bg-grey {
    background: var(--colorGrey);
}

.bg-grey-1 {
    background: #e2e2e2;
}

.bg-none {
    background: none !important;
}

.pd-20 {
    padding: 20px;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.mg-auto {
    margin-left: auto;
    margin-right: auto;
}

.mg-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

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

.ml-5{
	margin-left:5px;
}

.mt-60 {
    margin-top: 60px;
}

.m-0 {
    margin: 0;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize !important;
}

.color-light {
    color: #ffffff !important;
}

.color-dark {
    color: var(--colorThemeGrey);
}

.color-accent {
    color: var(--colorAccent);
}

.color-primary {
    color: var(--colorPrimary) !important;
}

.color-accent-2 {
    color: var(--colorAccent2) !important;
}

.color-text {
    color: var(--colorText);
}

.color-primary-2 {
    color: var(--colorPrimary2);
}

.color-grey {
    color: var(--colorLabel);
}

.color-white {
    color: #fff !important;
}

.color-error {
    color: var(--colorError) !important;
}

.bg-accent {
    background: var(--colorAccent);
}

.bg-accent-2 {
    background: var(--colorAccent2);
}

.mr-2 {
    margin-right: 2rem;
}

small {
    font-size: 75%;
}

.footer-row.end {
    justify-content: flex-end;
}

.font-mid {
    font-weight: 500 !important;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mt-0 {
    margin-top: 0;
}

.d-block {
    display: block;
}

.mb-1 {
    margin-bottom: 1rem;
}

.pb-0 {
    padding-bottom: 0em;
}

.pb-1 {
    padding-bottom: 0.4em;
}

.pb-2 {
    padding-bottom: 0.8em;
}

.pb-3 {
    padding-bottom: 1.2em;
}

.pb-4 {
    padding-bottom: 1.6em;
}

.pb-5 {
    padding-bottom: 2em;
}

.pb-6 {
    padding-bottom: 3.5em;
}

.pb-7 {
    padding-bottom: 4.5em !important;
}

.font-extra-bold {
    font-weight: 800;
}

.m-auto {
    margin: auto;
}

.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.pad-top-xl {
    padding-top: 120px;
}

.pad-top-lg {
    padding-top: 90px;
}

.pad-bottom-lg {
    padding-bottom: 90px;
}

.pad-top-md {
    padding-top: 30px;
}

.pad-bottom-md {
    padding-bottom: 60px;
}

.pad-top-sm {
    padding-top: 40px;
}

.pad-bottom-sm {
    padding-bottom: 5px;
}

.btn-disabled {
    pointer-events: none !important;
    opacity: 0.65 !important;
}

.btn-align-end {
    display: flex;
    justify-content: end;
}

.custom-btn.colored {
    background: var(--colorPrimary4);
    color: #fff !important;
}

.custom-btn.colored2 {
    background: var(--colorThemeGrey);
    color: #fff;
    border: 2px solid var(--colorThemeGrey);
}

.custom-btn.accent2 {
    background: var(--colorAccent2);
    color: #fff;
    border: 2px solid var(--colorAccent2);
}

ul.packageList {
    padding: 0px 15px;
}

ul.packageList li {
    list-style: circle;
    margin-bottom: 8px;
}

.icnEnvelope {
    width: 38px;
    background: #fff;
    height: 38px;
    border-radius: 30px;
    padding: 8px;
    margin-right: 18px;
}

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

.nav-menu {
    background: var(--colorPrimary);
    height: 100px;
    display: flex;
    align-items: center;
}

.nav-links>li>a,
.nav-icons>div>a {
    color: #c3c3c3;
    font-size: var(--lengthmd1);
    display: block;
    padding: 0.75rem 2rem;
    transition: 0.2s all ease;
    border-radius: 6px;
    text-transform: uppercase;
    text-align: center;
}

.nav-icons>div>a {
    display: flex;
    align-items: center;
}

.nav-links>li {
    position: relative;
    animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.nav-links svg {
    fill: #c3c3c3;
    width: 12px;
    height: 12px;
    margin-left: 0.5rem;
}

.nav-icons a,
.nav-links a {
    display: block;
    transition: 400ms all ease;
    border-radius: 6px;
    padding: 0.75rem;
    position: relative;
}

.nav-icons svg,
.nav-links a {
    fill: #c3c3c3;
    transition: 400ms all ease;
}

.nav-wrap,
.nav-right,
.nav-links,
.nav-links li,
.nav-icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-links>li:not(:last-child),
.nav-icons>*:not(:last-child) {
    margin-right: 1rem;
}

.nav-links {
    margin-right: 3rem;
    margin-top: 1rem;
}

.container-wrap {
    overflow-x: hidden;
    position: relative;
    /*min-height: 100vh;*/
    display: flex;
    flex-direction: column;
}

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

.blog-blocks-column {
    display: flex;
    flex: wrap;
    justify-content: space-between;
}

.blog-block-col {
    width: 32%;
}

.blog-block-right {
    width: 50%;
}

.blog-block-left {
    width: 50%;
}

.blog-detail-header-right {
    width: 50%;
}

.blog-detail-header-left {
    width: 50%;
    padding: 20px;
}

.curve-inner {
    width: 190vw;
    height: 20vw;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.top-curve {
    position: absolute;
    top: 0;
    overflow: hidden;
    height: 130px;
    width: 100%;
    z-index: -1;
}

.carousel-curve .curve-inner {
    height: 550px;
    text-align: center;
}

@media (max-width:450px){
	.carousel-curve .curve-inner {
		height:400px !important;
	}
}

.carousel-curve {
    position: relative;
    top: 0;
    overflow: hidden;
/*    height: 630px;*/
    width: 100%;
	z-index: 0;
    /*z-index: -1;*/
}

.carousel-curve .curve-inner img {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.carousel-curve.flat img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

/*@media (max-width:450px){
	.carousel-curve.flat img {
		height:400px !important;
		object-position: 50% 50%;
		object-fit:cover;
	}
}*/

.top-curve .bg-primary {
    width: 100%;
    height: 100%;
}

.nav-links a:hover,
.nav-icons>div>a:hover {
    /*background: #05675c;*/
    color: #fff;
}

.nav-icons a:hover svg {
    fill: #fff;
}

.login-wrap {
    display: flex;
}

.sign-header .sub-header:not(.mob-header) {
    text-transform: uppercase;
}

.sub-header {
    font-weight: 500;
    font-size: var(--lengthMd3);
    margin: 0 0 1rem;
}

.sec-header {
    font-weight: 500;
    font-size: var(--lengthMd2);
    margin: 0 0 1rem;
}

.sign-header p {
    font-size: var(--lengthSm3);
}

.log-additional {
    display: flex;
    justify-content: space-between;
    flex-direction: row !important;
    align-items: center;
}

.check-wrap {
    font-size: var(--lengthSm3);
    display: flex;
    align-items: center;
}

.check-wrap input {
    margin-right: 0.5rem;
}

.custom-link {
    font-size: var(--lengthSm3);
    transition: 0.4s all ease;
}

.custom-link:hover {
    color: var(--colorPrimary);
}

.underline {
    text-decoration: underline !important;
}

.sign-header {
    margin-bottom: 3rem;
}

.w-100 {
    width: 100% !important;
}

.w-99 {
	width:99% !important;
}

.w-98 {
	width:98% !important;
}

.h-100 {
    height: 100%;
}

.w-50 {
    width: 50%;
}

.w-30 {
    width: 30%;
}

.w-75 {
    width: 75%;
}

.w-25 {
    width: 25%;
}

.register-type-btn>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

.footer:not(.mob) {
    background: var(--colorThemeGrey);
    margin-top: auto;
}

/* .footer-left img {
height: 50px;
} */

.h-62 {
    height: 62px;
}

.footer-mid {
    text-align: center;
}

.social-icons {
    display: flex;
    justify-content: center;
}

.social-icons a {
    display: block;
    padding: 0.2rem;
    border-radius: 6px;
    transition: 0.2s all ease;
    line-height: 1;
}

.social-icons a:hover {
    background: #3a3939;
}

.social-icons a:hover svg {
    fill: #ffffff !important;
}

.social-icons svg {
    fill: #dddddd;
    transition: 0.4s all ease;
    width: 20px;
}

.social-links {
    display: flex;
    white-space: nowrap;
    align-items: center;
    margin-top: 1.5rem;
    justify-content: center;
	flex-wrap: nowrap;
}

.social-links a {
    color: #fff;
    font-size: var(--lengthSm2);
    display: block;
    padding: 0.25rem 0.5rem;
}

.social-links a:hover {
    text-decoration: underline;
}

.social-links>li:not(:last-child)::after {
    content: "|";
}

.social-links>li {
	display: flex;
    color: #fff;
    align-items: center;
}

.footer-inner {
    display: flex;
}

.footer-inner>div {
    flex: 1;
}

.footer-left>div>*:not(:last-child),
.social-icons>*:not(:last-child) {
    margin-right: 1rem;
}

.footer-left>div {
    display: flex;
    align-items: center;

    margin-bottom: 0.8rem;
}

.back-top a {
    display: flex;
    font-size: var(--lengthSm3);
    align-items: center;
    width: max-content;
    padding: 0.5rem;
    border-radius: 6px;
    transition: 0.2s all ease;
}

.back-top svg {
    margin-right: 0.5rem;
    height: 14px;
    transition: 0.2s all ease;
}

.back-top a:hover {
    background: var(--colorGrey);
    color: var(--colorPrimary);
}

.back-top a:hover svg {
    fill: var(--colorPrimary);
}

.prod-section-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 2rem;
}

.prod-section-body {
    display: grid;
    grid-gap: 2rem;
}

.prod-section-body._5 {
    grid-template-columns: repeat(5, 1fr);
}

.prod-section-body._4 {
    grid-template-columns: repeat(4, 1fr);
}

.prod-section-body._3 {
    grid-template-columns: repeat(3, 1fr);
}

.prod-section-body._2 {
    grid-template-columns: repeat(2, 1fr);
}

.product-block {
    display: flex;
    flex-direction: column;
    animation: fade-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    word-break: break-word;
}

.product-img {
    height: 300px;
    overflow: hidden;
    /*border-radius: 8px;*/
    position: relative;
}

@media (max-width:1200px){
	.product-img {
    height: 300px;
	}
}

@media (max-width:1000px){
	.product-img {
    height: 275px !important;
	}
}

@media (max-width:768px){
	.product-img {
    height: 250px !important;
	}
}

@media (max-width:450px){
	.product-img {
    height: 300px !important;
	}
}

.product-img-height-250 {
    height: 250px;
}

@media (max-width:450px){
	.product-img-height-250{
		height:350px !important;
	}
}

.product-img-placeholder {
    height: 350px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    background: var(--colorGrey);
}

.product-block .wishlist-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.wishlist-btn {
    /*background: rgb(51 51 51 / 40%);*/
	background: none;
    border: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    backdrop-filter: blur(8px);
    cursor: pointer;
    transition: 150ms all ease;
    z-index: 2;
	color:var(--colorPrimary);
	position: absolute;
	right:5px;
	top:5px;
}

.wishlist-btn::before {
    position: absolute;
    content: "\f004";
    font-family: "Font Awesome 6 free";
    /*font-weight: 400;*/
    font-size: 18px;
}

.wishlist-btn:hover {
    /*background: #fff;*/
    color: var(--colorError);
	font-weight: 900 !important;
}

.wishlist-btn.active,
.wishlist-btn.active:hover {
    /*background: #fff;*/
    color: var(--colorError);
	font-weight: 900 !important;
}

.wishlist-btn.active svg,
.wishlist-text.active svg {
    fill: var(--colorError);
    animation: scale-in-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.wishlist-btn svg {
    width: 16px;
    height: 16px;
    transition: 150ms all ease;
    fill: #fff;
}

.wishlist-btn:not(.active):hover svg {
    fill: var(--colorError);
}

.wishlist-btn:not(.active):hover {
    background: rgb(255 255 255);
}

.wishlist-btn-slider {
    /*background: rgb(51 51 51 / 40%);*/
    border: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    backdrop-filter: blur(8px);
    cursor: pointer;
    transition: 150ms all ease;
    z-index: 2;
	color: var(--colorError);
	position: absolute;
	right:0;
	font-size:18px !important;
}

.wishlist-btn-slider::before {
    position: absolute;
    /*content: "\f004";*/
    font-family: "Font Awesome 6 free";
    font-weight: 400;
    font-size: 18px;
}

.wishlist-btn-slider:hover {
    background: #fff;
    color: var(--colorError);
}

.wishlist-btn-slider.active,
.wishlist-btn-slider.active:hover {
    background: #fff;
    color: var(--colorError);
}

.wishlist-btn-slider.active svg,
.wishlist-text-slider.active svg {
    fill: var(--colorError);
    animation: scale-in-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.wishlist-btn-slider svg {
    width: 16px;
    height: 16px;
    transition: 150ms all ease;
    fill: #fff;
}

.wishlist-btn-slider:not(.active):hover svg {
    fill: var(--colorError);
}

.wishlist-btn-slider:not(.active):hover {
    background: rgb(255 255 255);
}

.product-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
/*	background:#E3E3E3;*/
}

.product-body {
    padding: 1rem;
    /* background: #fff; */
    /* box-shadow: var(--shadow8); */
    border-radius: 8px;
    margin-top: 4px;
    flex: 1;
}

.product-block.grid .product-body {
    margin-top: 4px;
}

.product-body a {
    font-size: var(--lengthMd2);
    color: var(--colorPrimary);
    transition: 200ms all ease;
    font-weight: 500;
}

.product-name-placeholder {
    display: block;
    height: 16px;
    width: 75%;
    border-radius: 32px;
    background: var(--colorGrey);
}

.product-footer .old-price-placeholder,
.product-footer .current-price-placeholder {
    display: block;
    height: 16px;
    width: 25%;
    border-radius: 32px;
    background: var(--colorGrey);
}

.sub-header-placeholder {
    display: block;
    height: 29px;
    width: 8rem;
    border-radius: 32px;
    background: var(--colorGrey);
}

.product-body a:hover {
    color: var(--colorThemeGrey);
}

.product-footer {
    /*display: flex;
    justify-content: space-between;*/
    align-items: center;
    margin-top: 12px;
    font-size: var(--lengthMd1);
}

.custom-btn-placeholder {
    width: 200px;
    background: var(--colorGrey);

    border-radius: 2rem;
    height: 38px;
}

.product-footer .old-price {
    font-size: 85%;
    opacity: 0.75;
    text-decoration: line-through;
}

.product-footer .current-price {
    font-weight: 500;

    margin-right: 0.5rem;
}

.prod-section-inner {
    border-top: 1px solid var(--colorDisabled);
}

.cat-section-body .carousel__inner-slide {
    width: calc(100% - 32px);
    left: 16px;
}

.category-block {
    text-align: left;
    display: block;
}

.category-img-wrap {
    background: var(--colorPrimary);
    padding: 2.5rem;
    border-radius: 12px;
    transition: 200ms all ease;
}

.category-block img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    transition: 200ms all ease;
}

.category-block h3 {
	margin-top:10px !important;
	margin-bottom:5px !important;
}

.category-block h5 {
    margin-top: 12px;
    text-transform: uppercase;
    font-weight: 400;
    font-size: var(--lengthSm3);
    letter-spacing: 0.5px;

    word-break: break-word;
}

.category-block:hover .category-img-wrap {
    background: var(--colorThemeGrey);
}

.category-block:hover img {
    filter: grayscale(1);
}

.cat-section-inner,
.store-section-inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.prod-section-header>.sub-header {
    margin: 0;
}

.store-section-body {
    display: grid;
    grid-gap: 3rem;
}

.store-section-body._6 {
    grid-template-columns: repeat(6, 1fr);
}

.store-section-body._5 {
    grid-template-columns: repeat(5, 1fr);
}

.store-section-body._4 {
    grid-template-columns: repeat(4, 1fr);
}

.store-section-body.premium {
    grid-gap: 1rem;
}

.store-section-body.premium .store-img-wrap {
    height: 300px;
}

.store-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    background: #fff;
    padding: 1rem;
}

.store-img-wrap {
    height: 180px;
    overflow: hidden;
    border-radius: 12px;
}

.home-contact-inner,
.home-contact-right {
    display: flex;

    align-items: center;
}

.home-contact-inner>div,
.home-contact-right>div {
    flex: 1;
}

.home-contact-inner {
    background-position: right;
    background-image: url("images/home-contact-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.home-contact-right>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.home-contact-right p {
    color: #fff;
    margin-top: 8px;
    font-size: var(--lengthSm2);
}

.categories-wrap {
    display: flex;
}

.categories-left,
.categories-right {
    padding: 1.5rem;
    background: var(--colorGrey);
    border-radius: 12px;
}

.categories-right {
    flex: 1;
}

.categories-list a {
    display: block;
    padding: 1rem;
    background: #fff;
    border-radius: 8px;
    font-size: var(--lengthSm3);
    box-shadow: var(--shadow9);
    transition: 200ms all ease;
    border: 2px solid transparent;
}

.categories-list a:hover {
    border: 2px solid var(--colorPrimary);
}

.categories-list>li:not(:last-child) {
    margin-bottom: 12px;
}

.search-section {
    position: relative;
    z-index: 100;
}

.search-wrap {
    position: relative;
    top: 0;
    text-align: center;
    display: flex;
    justify-content: center;
}

@media (max-width:768px){
	.search-wrap{
		top:10px !important;
	}
}

.search-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin: auto;

    z-index: 1;
}

.search-container svg {
    position: absolute;
    left: 3rem;
    top: 50%;
    transform: translate(0, -50%);
    fill: var(--colorLabel);
    transition: 0.2s all ease;
}

.community-search-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.community-search-container svg {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translate(0, -50%);
    fill: var(--colorLabel);
    transition: 0.2s all ease;
}

.search-bar:hover~svg,
.search-bar:focus~svg {
    fill: var(--colorThemeGrey);
}

.search-bar {
    padding: 1.2rem 1.25rem 1.2rem 5rem;
    border-radius: 10px;
    border: 0;
    font-size: var(--lengthMd1);
    box-shadow: var(--shadow3);
    width: 100%;
    background: #ffffff;
    border-radius:10px;
    margin-left:20px;
    min-height:35px;
}

.autocomplete-area:not(.showContainer) {
    display: none;
}

.autocomplete-area {
    position: absolute;
    width: 60%;
    margin: auto;
    background: #fff;
    /* left: 50%;
transform: translate(-50%, 0); */
    padding: 3.5rem 1.5rem 2rem;
    border-radius: 16px;
    grid-gap: 0.5rem 3rem;
    box-shadow: var(--shadow3);
    top: 2rem;
    animation: fade-in-top 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.search-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.search-result a {
    display: flex;
    align-items: center;
    transition: 0.4s all ease;
    padding: 0.5rem;
    border-radius: 12px;
}

.search-result a:hover {
    background: var(--colorGrey);
}

.search-result img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 12px;
    margin-right: 12px;
}

.search-result h5 {
    font-weight: 500;
    font-size: var(--lengthSm3);
    transition: 0.4s all ease;
}

.search-result a:hover h5 {
    color: var(--colorPrimary);
}

.listing-left>*:not(:last-child) {
    margin-bottom: 16px;
}

.accordion,
.accordion-placeholder {
    padding: 3px 10px 3px 10px;
    background: var(--colorGrey);
	/*width:145px;
    border-radius: 16px;*/
}

.accordion.sm .accordion-header h5 {
    font-size: var(--lengthSm3);
}

.accordion.sm .accordion-header button {
    width: 15px;
    height: 15px;
}

.accordion.sm {
    background: var(--colorGrey2);
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.accordion-header h5 {
    font-size: var(--lengthSm3);
    font-weight: 500;
    color: var(--colorPrimary);
    flex: 1;
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-header a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion-header button {
    background: var(--colorThemeGrey);
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    border: 2px solid transparent;
    transition: 0.35s all ease;
    cursor: pointer;
}

.accordion-header button:hover {
    background: #fff;
    border: 2px solid var(--colorPrimary);
}

.accordion-header button:hover svg {
    fill: var(--colorPrimary);
}

.accordion-header button svg {
    fill: #fff;
    width: 12px;
    height: 12px;
    transition: 0.35s all ease;
}

.accordion-body {
    overflow: hidden;

    transition: 0.4s all ease;
}

.accordion-list h5 {
    font-size: var(--lengthSm3);
    font-weight: 400;
    display: flex;
    align-items: center;
    flex: 1;
}

.accordion-list h5>label {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex: 1;
	margin-bottom: 0px;
}

.accordion-list input[type="checkbox"],
.accordion-list input[type="radio"],
.community-accordion-list input[type="checkbox"] {
    margin-right: 8px;
}

.community-accordion-list input[type="checkbox"]:checked {
    background: #c00;
}

.color-hex {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 50%;
}

.accordion-list .color-hex .community-accordion-list {
    margin-right: 8px;
}

.accordion-list>li>a {
    display: flex;
    padding: 0px 10px 0px 10px;
    border-radius: 6px;
    background: #fff;
    justify-content: space-between;
    font-size: var(--lengthMd2);
    font-weight: 400;
}

.community-accordion-list>li>a {
    display: flex;
    padding: 0.75rem;
    border-radius: 6px;
    background: #e6e6e6;
    align-items: center;
    justify-content: space-between;
    font-size: var(--lengthMd1);
    color: #959594;
}

.accordion-list>li:not(:last-child) {
    margin-bottom: 8px;
}

.community-accordion-list>li:not(:last-child) {
    margin-bottom: 8px;
}

.listing-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

@media (max-width:450px){
	.listing-header {
		display:none;
	}
}

.main-header {
    font-size: var(--lengthLg1);
    font-weight: 600;
    color: var(--colorThemeGrey);
    line-height: 1.3;
}

.filter-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filter-list>div:not(.custom),
.input-bg {
    padding: 0px 15px 0px 0px;
    /*border-radius: 32px;*/
    background: var(--colorGrey);
    transition: 200ms all ease;
}

.filter-list>div:not(:last-child) {
    margin-right: 2rem;
}

.filter-list label {
    font-size: var(--lengthSm3);
    margin-right: 1rem;
}

.filter-list input,
.filter-list select,
.input-style2 {
    padding: 0.75rem 1.5rem;
    border-radius: 32px;
    border: 0;
    transition: 200ms all ease;
    cursor: pointer;
    background: var(--colorGrey);
    min-width: 170px;
}

.community-input-style {
    padding: 1rem 3.5rem;
    border: 0;
    transition: 200ms all ease;
    cursor: pointer;
    background: #f4f4f4;
    min-width: 170px;
    font-size: 17px;
}

.community-filter-bg {
    background: #f4f4f4;
    padding: 20px 15px;
}

.filter-list input:hover,
.filter-list>div:not(.custom):hover,
.filter-list>div:not(.custom):focus,
.filter-list>div:not(.custom):hover select,
.filter-list>div:not(.custom):focus select,
.filter-list select:hover,
.filter-list input:focus,
.filter-list select:focus,
.input-style2:hover,
.input-style2:focus,
.input-bg:hover,
.input-bg:focus {
    background: var(--colorGrey2);
}

.filter-list>div:not(.custom),
.input-bg {
    background: var(--colorGrey);
}

.view-type {
    display: flex;
    align-items: center;
    min-width: 110px;
    justify-content: flex-end;
}

.view-type>a {
    display: flex;
    align-items: center;

    justify-content: center;
    border-radius: 8px;
    padding: 0.35rem 0.5rem;
    font-size: var(--lengthSm2);
    color: #fff;
    transition: 200ms all ease;
}

.view-type>a:not(:last-child) {
    margin-right: 0.5rem;
}

.view-type>a.selected {
    background: var(--colorPrimary);
}

.view-type>a:not(.selected):hover {
    background: var(--colorGrey);
}

.view-type>a svg {
    width: 14px;
    height: 14px;
    fill: var(--colorPrimary);
}

.view-type>a.selected svg {
    fill: #fff;
    margin-right: 0.35rem;
}

.view-type>a span {
    color: #fff;
}

.selected-filters {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: var(--colorGrey);
    margin-bottom: 1rem;
    border-radius: 12px;
}

@media (max-width:450px){
	.selected-filters{
		display:none;
	}
}

.selected-filters h3 {
    font-size: var(--lengthMd1);
    color: var(--colorPrimary);
    font-weight: 600;
    margin-right: 2rem;
}

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

.filters>li:not(:last-child) {
    margin-right: 0.5rem;
}

label{
	font-weight: 300 !important;
}

.chip {
    display: flex;
    align-items: center;
    padding: 0.8rem 0.8rem;
    background: var(--colorThemeGrey);
    color: #fff;
    font-size: var(--lengthMd1);
    border-radius: 24px;
    transition: 400ms all ease;
    animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
	margin-top:5px;
}

.chip>button {
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    margin-right: 0.5rem;
}

.chip>button svg {
    fill: #fff;
    width: 16px;
    height: 16px;
    transition: 200ms all ease;
}

.chip.outline>button svg {
    fill: var(--colorThemeGrey);
}

.chip>button:hover svg {
    fill: var(--colorError);
}

.accordion-body.showAccordion {
    margin-top: 1rem;
}

.accordion-body:not(.showAccordion) {
    max-height: 0 !important;
}

.product-block.list {
    position: relative;
    flex-direction: row;
}

.product-block.list .product-img {
    width: 200px;
    height: 200px;
    position: static;
    padding: 0.5rem;
}

@media (max-width:450px){
	.product-block.list .product-img{
		height:350px;
	}
}

.product-block.list .product-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 2rem 4rem 2rem 2rem;
    margin-left: 8px;
}

.product-block.list .product-footer {
    align-items: center;

    flex-direction: row-reverse;
}

.breadcrumbs {
    display: flex;
    align-items: center;
	font-size: 26px;
}

@media (max-width:450px){
	.breadcrumbs {
		font-size: 13px;
	}
}

.breadcrumbs>li:not(:last-child) {
    margin-right: 0.5rem;
}

.breadcrumbs>li:not(:last-child) a {
    margin-right: 0.5rem;
}

.breadcrumbs>li:not(:first-child) a {
    margin-right: 0.5rem;
}

.breadcrumbs>li:not(:last-child)::after {
    content: "/ ";
	color: var(--colorPrimary) !important;
}

.breadcrumbs a {
    font-size: var(--lengthSm3);
    text-transform: capitalize;
	color: var(--colorPrimary) !important;
	font-size: 26px;
	font-weight: 500;
	font-family: Barlow;
	letter-spacing: 3px;
}

@media (max-width:450px){
	.breadcrumbs a {
		font-size: 13px;
	}
}

.breadcrumbs a:hover {
    text-decoration: underline;
    color: var(--colorPrimary);
}

.gap-_5 {
    grid-gap: 0.5rem !important;
}

.gap-1_5 {
    grid-gap: 1.5rem !important;
}

.gap-2 {
    grid-gap: 2rem !important;
}

.gap-1 {
    grid-gap: 1rem !important;
}

.gap-4 {
    grid-gap: 4rem;
}

.input-style {
    padding: 0.75rem;
    border: 1px solid transparent;
    /*border-radius: 6px;*/
    transition: 400ms all ease;
}

.input-style:hover,
.input-style:focus {
    border: 1px solid var(--colorPrimary);
}

.mt-_5 {
    margin-top: 0.5rem;
}

.mt-2_5 {
    margin-top: 2.5rem;
}

.mt-60 {
    margin-top: 60px;
}

.mt-190 {
    margin-top: 19px;
}

.prod-main-wrap {
    position: relative;
}

.prod-main-inner {
    position: absolute;
    z-index: 1;
    width: 50%;
    left: 0;
    padding: 2rem 4rem 0 1rem;
}

.prod-img {
    position: relative;
    width: 50%;
    margin-left: auto;
    height: 645px;
    overflow: hidden;
}

.seller-img {
    height: 350px;
	object-fit: cover;
    border-radius: 12px;
    background: var(--colorGrey);
	left:0;
	top:0;
}

.carousel-wrap {
    height: 400px;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.carousel-wrap .container___2O72F>div {
    height: 400px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--colorGrey);
}

.prod-img .img-carousel div:not(.carousel-thumbnail) {
    height: 645px;
}

.prod-img .container___2O72F>div {
    height: 645px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--colorGrey);
}

.seller-img .container___2O72F>div {
    height: 500px;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--colorGrey);
}

.corporate-carousel-btn>button {
    background: rgb(255 255 255 / 75%);
    border: 0;
    transition: 0.4s all ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.corporate-carousel-btn>button svg {
    fill: var(--colorPrimary);
    width: 15px;
    height: 15px;
    opacity: 0.75;
    transition: 0.4s all ease;
}

.corporate-carousel-btn>button:hover svg {
    opacity: 1;
}

.corporate-carousel-btn>button:hover {
    background: rgb(255 255 255);
}

.carousel-btn>button {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background: rgb(0 0 0 / 30%);
    border: 0;
    transition: 0.4s all ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.carousel-btn>button:disabled,
.corporate-carousel-btn>button:disabled {
    opacity: 0.5;
}

.carousel-btn>button:first-child {
    left: 1rem;
}

.carousel-btn>button:hover {
    background: rgb(0 0 0 / 60%);
}

.carousel-btn>button svg {
    opacity: 0.75;
    transition: 0.4s all ease;
    fill: #fff;
    width: 15px;
    height: 15px;
}

.carousel-btn>button:last-child {
    right: 1rem;
}

.carousel-thumbnail {
    display: flex;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.carousel-thumbnail button {
    width: 100px;
    height: 100px;
    border: 0;
    transition: 0.4s all ease;
    cursor: pointer;
    border: 1px solid var(--colorPrimary);
}

.carousel-thumbnail button img {
    object-fit: cover;
    object-position: center;
}

.carousel-thumbnail button:not(.carousel__dot--selected):hover {
    opacity: 1;
    border: 1px solid var(--colorPrimary);
}

.carousel-thumbnail button:not(.carousel__dot--selected) {
    opacity: 0.75;
    border: 1px solid rgb(0 97 86 / 40%);
}

.carousel-thumbnail>button:not(:last-child) {
    margin-right: 0.5rem;
}

.prod-main-inner>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

.prod-body-section>div>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

.prod-price>*:not(:last-child) {
    margin-bottom: 1rem;
}

.prod-price-top {
    display: flex;
    align-items: flex-end;

    line-height: 1;
}

.prod-main-wrap>div {
    position: relative;
}

.prod-main-section .current-price {
    font-size: var(--lengthMd2);
    font-weight: 600;
    color: var(--colorPrimary);
}

.prod-main-section .current-price small {
    color: var(--colorPrimary);
}

.prod-main-section .old-price {
    font-size: var(--lengthMd1);
    font-weight: 500;
    opacity: 0.75;
    text-decoration: line-through;
}

.discount-percent {
    color: var(--colorError);
    font-weight: 600;
    font-size: var(--lengthMd2);
}

.prod-price-top>*:not(:last-child),
.prod-price-bottom>*:not(:last-child),
.prod-color>*:not(:last-child) {
    margin-right: 1rem;
}

.prod-price-bottom {
    display: flex;
    align-items: flex-start;
    line-height: 1;
}

.row-field {
    display: flex;
    align-items: center;
    font-size: var(--lengthMd3);
}

.row-field>label {
    min-width: 7rem;
    padding-right: 0.5rem;
    margin-top: 4px !important;
}

.prod-color {
    display: flex;
}

.prod-color .color-hex {
    width: 24px;
    height: 24px;
    padding: 0.5rem;
    border: 2px solid #fff;
    transition: 0.2s all ease;
    cursor: pointer;

    box-shadow: var(--shadow1);
}

.prod-color .color-hex:hover,
.prod-color input:checked+.color-hex {
    border: 2px solid var(--colorPrimary);
}

.prod-buy {
    display: flex;
    align-items: center;
}

.prod-buy>*:not(:last-child) {
    margin-right: 1rem;
}

.ab {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: 200ms all ease;
    border: 2px solid transparent;
    cursor: pointer;
}

.ab.outline {
    border: 2px solid var(--colorLabel);
    background: transparent;
}

.ab.outline svg {
    fill: var(--colorLabel);
}

.ab.md {
    width: 40px;
    height: 40px;
}

.ab.sm {
    width: 35px;
    height: 35px;
}

.ab.xs {
    width: 18px;
    height: 18px;
}

.ab.grey {
    background: var(--colorThemeGrey);
}

.ab.error {
    background: var(--colorError);
}

.ab.primary {
    background: var(--colorPrimary);
}

.ab svg {
    transition: 200ms all ease;
    fill: #fff;
}

.ab.md svg {
    width: 18px;
    height: 18px;
}

.ab.sm svg {
    width: 15px;
    height: 15px;
}

.ab.xs svg {
    width: 8px;
    height: 8px;
}

.ab:not(.without-hover):hover {
    border: 2px solid var(--colorPrimary);
    background: #fff;
}

.ab:not(.without-hover):hover svg {
    fill: var(--colorPrimary);
}

.ab.error:hover {
    border: 2px solid var(--colorError);
    background: #fff;
}

.ab.error:hover svg {
    fill: var(--colorError);
}

.prod-body-section>div {
    border-top: 1px solid var(--colorDisabled);
}

.custom-table th {
    font-size: var(--lengthMd1);
    font-weight: 500;
    text-align: left;
    background: var(--colorPrimary);
    color: #fff;
}

.custom-table td {
    font-size: var(--lengthSm3);
    text-transform: uppercase;
    background: var(--colorGrey);
    transition: 0.4s all ease;
}

.custom-table th,
.custom-table td {
    padding: 0.75rem 1rem;
}

.prod-features-list li {
    margin: 0.75rem 0;
    font-size: var(--lengthMd1);
    display: flex;
    align-items: center;
}

.prod-features-list li svg {
    fill: var(--colorSuccess);
    margin-right: 0.75rem;
    width: 18px;
    height: 18px;
}

.custom-table tr:hover td {
    background: #dedede;
}

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

.dimension-img>img:not(:last-child) {
    margin-right: 1rem;
}

.compare-wrap {
    display: flex;
}

.compare-wrap>div {
    flex: 1;
}

.compare-wrap>div:not(:last-child) {
    margin-right: 2rem;
}

.compare-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 3rem;
}

.compare-btns a{
	font-size: 22px !important;
	color:#fff;
	background: #006156;
	border-radius: 50%;
	height:40px;
	width:40px;
	text-align: center;
	vertical-align: middle;
	padding-top:7px;
	padding-left:3px;
}

.compare-btns a:hover{
	color:var(--colorAccent2);
}

.product-fields,
.compare-fields ul {
    padding: 1rem;
    background: var(--colorGrey);
    border-radius: 12px;
}

.product-fields li {
    font-size: var(--lengthMd1);
}

.product-fields>li:not(:last-child),
.compare-fields ul>li:not(:last-child) {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--colorDisabled);
    margin-bottom: 1rem;
}

.compare-fields ul {
    margin-top: calc(300px + 4rem);
}

.compare-fields li {
    font-weight: 500;
    color: var(--colorPrimary);
    line-height: 1.2;
	margin:13px 0px 13px 0px;
}

.product-fields .ellipsis {
    max-width: 210px;
}

.ellipsis {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.store-info {
    margin-top: 2.5rem;
    padding: 2rem;
    background: var(--colorGrey);
    border-radius: 12px;
    display: flex;
}

.column-field {
    display: flex;
    flex-direction: column;
}

.store-info>div {
    flex: 1;
}

.column-field>label {
    font-size: var(--lengthLg1);
    margin-bottom: 0.25rem;
	font-weight:600;
}

.column-field>span {
    font-size: var(--lengthLg1);
}

.ordered-products-wrap>div:not(:last-child) {
    margin-bottom: 1.5rem;
}

.order-block {
    padding: 1rem;
    background: var(--colorGrey);
    border-radius: 12px;
}

.order-header {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--colorDisabled);
}

.order-header>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-header h4 {
    line-height: 38px;
}

.order-product-block {
    display: flex;

    align-items: center;
    padding: 1rem;
}

.order-product-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 12px;
}

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

.order-product-wrap {
    display: flex;
    align-items: center;
    flex: 1;
}

.order-product-details {
    flex: 1;
}

.order-product-details>*:not(:last-child) {
    margin-bottom: 0.75rem;
}

.order-product-price {
    font-size: var(--lengthMd1);
    display: flex;
    align-items: flex-end;
}

.order-product-price .current-price {
    font-weight: 500;
    margin-right: 1rem;
}

.order-product-price .old-price {
    font-size: 85%;
    text-decoration: line-through;
    opacity: 0.75;
}

.order-product-details>a {
    text-decoration: none;
    font-weight: 500;

    display: block;
}

.order-body>div:not(:last-child) {
    margin-bottom: 1rem;
}

.status-text {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.status-text.processing {
    color: #e75b0c;
}

.status-text.delivered {
    color: var(--colorSuccess);
}

.status-text.cancelled {
    color: var(--colorError);
}

.address-block {
    cursor: pointer;
    display: block;
}

.address-block>input[type="radio"]:checked~div {
    border-color: var(--colorPrimary);
    /* padding: 1.5rem 1rem 1rem; */
}

.address-inner.default {
    padding: 1.5rem 1rem 1rem;
}

.top-label:not(.showLabel) {
    display: none;
}

.address-block>input[type="radio"]:checked~div .selected-address {
    opacity: 1;
}

.selected-address {
    opacity: 0;
    transition: 0.4s all ease;
    display: flex;
    align-items: center;
}

.selected-address svg {
    fill: var(--colorSuccess);
}

.selected-category {
    background: #f6f6f6;
    border-radius: 1rem;
}

.width-500 {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.top-label {
    position: absolute;
    top: 0;
    background: var(--colorPrimary);
    color: #fff;
    font-size: var(--lengthSm2);
    padding: 0.35rem 1rem;
    border-radius: 6px;
    transform: translate(0, -50%);
    left: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.address-block:hover .address-inner {
    border-color: var(--colorPrimary);
}

.address-inner {
    padding: 1rem;
    border: 1px solid var(--colorDisabled);
    border-radius: 12px;
    position: relative;
    transition: 0.4s all ease;
    display: flex;
    text-align: left;
    align-items: center;
    font-family: "Avenir lt Std";
}

.address-inner>div:first-child {
    flex: 1;
}

.address-block input[type="radio"] {
    display: none;
}

.address-block>input[type="radio"]:checked~div h5 {
    color: var(--colorPrimary);
}

.address-inner h5 {
    font-size: var(--lengthMd1);
    font-weight: 600;
    margin-bottom: 0.5rem;
    transition: 0.4s all ease;
    color: var(--colorPrimary);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.address-inner * {
    text-transform: capitalize;
}

.address-inner p {
    font-size: var(--lengthMd2);
    margin-bottom: 0.5rem;
}

.address>*:not(:last-child) {
    margin-bottom: 1rem;
}

.order-total-block {
    padding: 1rem;
    /*background: var(--colorGrey);*/
    border-radius: 12px;
}

.order-total-block>div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0.5rem 0;
}

.order-total-block label {
    font-size: var(--lengthMd2);
	font-weight: 600;
}

.order-total-block span {
    font-size: var(--lengthMd2);
    font-weight: 500;
}

.order-total {
    border-top: 1px solid var(--colorDisabled);
}

.badge {
    font-size: var(--lengthSm3);
    font-weight: 600;
    background: var(--colorError);
    color: #fff;
    padding: 0.5rem 1rem;
}

.product-img .badge {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    background: var(--colorError);
	transform: translate(-50%, 0);
	border-radius: 0px;
}

.nav-icons>div {
    position: relative;
}

.droppableContainer {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transition: 0.4s all ease;
}

.hover-drop:hover~.droppableContainer,
.droppableContainer:hover {
    visibility: visible;
    opacity: 1;
}

.nav-icons .droppableContainer {
    right: 0;
    top: 100%;

    transform: translate(0, 20px);
    z-index: 105;
}

.nav-icons .hover-drop:hover~.droppableContainer,
.nav-icons .droppableContainer:hover {
    transform: translate(0, 0);
}

.nav-drop {
    background: #fff;
    padding: 1.5rem 1rem 1rem;

    border-radius: 16px;
    box-shadow: var(--shadow8);
}

.nav-drop.side-nav {
    background: var(--colorPrimary);
}

.nav-drop>*:not(:last-child) {
    margin-bottom: 1rem;
}

.nav-drop-header h5 {
    font-size: var(--lengthMd1);
    font-weight: 600;
    color: var(--colorPrimary) !important;
}

.nav-drop-body a {
    display: flex;
    align-items: center;
    width: 100%;
}

.side-nav .nav-drop-body a {
    color: #c3c3c3;
}

.side-nav .nav-drop-body a:hover {
    background: #05675c;
    color: #fff;
}

.nav-drop-body a svg {
    transition: 0.4s all ease;
    width: 20px;
    height: 20px;
}

.nav-drop-body a:not(.justify-between) svg {
    margin-right: 0.75rem;
}

.nav-drop-body a:hover {
    background: var(--colorGrey);
    color: var(--colorPrimary);
}

.nav-drop-body a:hover svg {
    fill: var(--colorPrimary);
}

.showAccordion .faq-body {
    border-top: 1px solid var(--colorDisabled);
    opacity: 1;
}

.accordion-body>* {
    opacity: 0;
    transition: 0.2s all ease;
}

.accordion-body.showAccordion>* {
    opacity: 1;
}

.faq-body {
    padding-top: 1rem;
    border-top: 1px solid transparent;
}

.radio-style {
    display: flex;
    flex-direction: row !important;
    flex-wrap: wrap;
}

.radio-style>*:not(:last-child) {
    margin-right: 1rem;
}

.custom-radio {
    margin-bottom: 0 !important;
}

.custom-radio>input {
    display: none;
}

.radio-style-placeholder {
    padding: 1rem 3rem;
    font-size: var(--lengthSm3);
    font-weight: 500;
    color: var(--colorPrimary);
    border: 1px solid;
    /*border-radius: 6px;*/
    min-width: 165px;
    text-align: center;
    cursor: pointer;
    transition: 200ms all ease;
    position: relative;
}

.contact-form .radio-style-placeholder {
    min-width: auto;
}

.custom-radio:hover .radio-style-placeholder,
.custom-radio>input:checked~.radio-style-placeholder {
    background: var(--colorPrimary);
    color: #fff;
}

.custom-radio:hover .radio-style-placeholder svg,
.custom-radio>input:checked~.radio-style-placeholder svg {
    opacity: 1;
}

.radio-style-placeholder svg {
    opacity: 0;
    fill: #fff;
    transition: 200ms all ease;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    height: 16px;
    left: 1rem;
}

.contact-right {
    height: 100%;
    display: grid;
    align-content: center;
    grid-gap: 3rem;
}

.contact-right>div {
    display: flex;
    flex-direction: column;
}

.contact-right label {
    text-transform: uppercase;
    font-size: var(--lengthMd2);
    font-weight: 500;
    color: var(--colorPrimary);
    margin-bottom: 1rem;
}

.contact-right a {
    padding: 1rem;
    text-align: center;
    background: var(--colorGrey);
    border-radius: 8px;
    border: 2px solid transparent;
    font-size: var(--lengthMd1);
    transition: 0.4s all ease;
}

.contact-right a:hover {
    box-shadow: var(--shadow8);
    border: 2px solid var(--colorPrimary);
    color: var(--colorPrimary);
    background: #fff;
}

.column-section._4>*:not(:last-child) {
    margin-bottom: 4rem;
}

.column-section._3>*:not(:last-child) {
    margin-bottom: 3rem;
}

.column-section._2_5>*:not(:last-child) {
    margin-bottom: 2.5rem;
}

.column-section._2>*:not(:last-child) {
    margin-bottom: 2rem;
}

.column-section._1_5>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

.column-section._1>*:not(:last-child) {
    margin-bottom: 1rem;
}

.column-section._0_5>*:not(:last-child) {
    margin-bottom: 0.5rem;
}

.row-section._3>*:not(:last-child) {
    margin-right: 3rem;
}

.row-section._2>*:not(:last-child) {
    margin-right: 2rem;
}

.row-section._1_5>*:not(:last-child) {
    margin-right: 1.5rem;
}

.row-section._1>*:not(:last-child) {
    margin-right: 1rem;
}

.row-section._0_5>*:not(:last-child) {
    margin-right: 0.5rem;
}

.address-edit {
    display: flex;
    margin-left: 1rem;
}

.store-block {
    transition: 0.4s all ease;
}

.store-block:hover {
    transform: translateY(-10px);
}

.rewards-inner {
    text-align: center;
}

.rewards-inner>*:not(:last-child) {
    margin-bottom: 2rem;
}

.rewards-inner img {
    height: 180px;
}

.balsa-header,
.balsa-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.balsa-header h4 {
    color: var(--colorPrimary);
    font-weight: 600;
    font-size: var(--lengthMd2);
}

.balsa-header a {
    font-size: var(--lengthSm3);
    color: var(--colorLabel);
    transition: 200ms all ease;
}

.balsa-header a:hover {
    color: var(--colorThemeGrey);
}

.balsa-body h5 {
    font-size: var(--lengthLg2);
    font-weight: 600;

    color: #dbb585;
}

.balsa-body h5 small {
    font-size: 50%;
}

.balsa-body svg {
    height: 30px;
    width: 30px;

    fill: #dbb585;
}

.balsa-progress.sm {
    height: 18px;
}

.balsa-progress.grey {
    border: 2px solid var(--colorThemeGrey);
}

.balsa-progress.grey .progress {
    background: var(--colorThemeGrey);
}

.balsa-progress {
    width: 100%;
    position: relative;
    height: 25px;
    border-radius: 24px;
    overflow: hidden;
    border: 2px solid #dbb585;
}

.progress {
    background: #dbb585;
    height: 100%;
    position: absolute;
    left: 0;
}

.transaction-wrap {
    text-align: center;
}

.mini-header {
    font-size: var(--lengthMd1);
    font-weight: 600;
    color: var(--colorThemeGrey);
    margin: 1em 0 0.75rem;
}

.sawdust {
    padding: 1rem;
    background: var(--colorGrey);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
}

.sawdust-left {
    display: flex;
    flex-direction: column;
}

.sawdust-left time {
    font-size: var(--lengthSm3);
    color: var(--colorThemeGrey);
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.sawdust-left span {
    font-size: var(--lengthMd1);
    font-weight: 500;
    color: var(--colorThemeGrey);
}

.star-wrap svg {
    fill: #d57b34;
}

.item-count {
    display: flex;
    align-items: center;
}

.count-input {
    max-width: 100px;
    text-align: center;
    background: #fff !important;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.count-input::-webkit-outer-spin-button,
.count-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.item-count>*:not(:last-child) {
    margin-right: 1rem;
}

.wishlist-text {
    display: flex;
    align-items: center;
    font-size: var(--lengthSm3);
    background: transparent;
    border: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: 0.4s all ease;
    cursor: pointer;
    height: 35px;
}

.wishlist-text img {
    margin-right: 0.5rem;
    width: 24px;
    height: 24px;
}

.wishlist-text svg {
    margin-right: 0.5rem;
    transition: 0.4s all ease;
}

.wishlist-text:hover {
    background: var(--colorGrey);
}

.wishlist-text:hover svg {
    fill: var(--colorError);
}

#delivery {
    margin: 5px 5px 3px 0px;
}

.compare-text {
    display: flex;
    align-items: center;
    font-size: var(--lengthSm3);
    background: transparent;
    border: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: 0.4s all ease;
    cursor: pointer;
    height: 35px;
    color: var(--colorPrimary);
}

.compare-text svg {
    margin-right: 0.5rem;
    transition: 0.4s all ease;
    fill: var(--colorPrimary);
}

.compare-text:hover {
    background: var(--colorGrey);
}

.row-center {
    display: flex;
}

.row-center:not(.mob-column) {
    align-items: center;
}

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

.remove-item {
    display: flex;
    align-items: center;
    font-size: var(--lengthSm3);
    background: transparent;
    border: 0;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    transition: 0.4s all ease;
    cursor: pointer;
    height: 35px;
    color: var(--colorError);
}

.remove-item:hover {
    background: var(--colorGrey2);
}

.cart-items-number{
	width:20px;
	height:20px;
	background:var(--colorPrimary);
	border-radius:50%;
	color:#fff;
	right:10px;
	top:0px;
	position: absolute;
}

.cart-table {
    border-collapse: separate;
    border-spacing: 0 1rem;
    width: 100%;
}

.cart-table th {
    text-align: left;
    font-size: var(--lengthMd1);
    font-weight: 400;
    padding: 0.75rem;
    border-bottom: 1px solid var(--colorLabel);
}

.cart-table td {
    padding: 0.75rem;
    background: var(--colorGrey);
}

.cart-img {
    width: 125px;
    height: 125px;
    overflow: hidden;
    border-radius: 8px;
}

.cart-img img {
    width: 100%;
    height: 100%;
    /*object-fit: contain;*/
    object-fit: cover;
	position: absolute;
    max-width: 100%;
}

.cart-description>a {
    display: block;
    font-size: var(--lengthMd1);
    color: var(--colorPrimary);
    font-weight: 500;
}

.cart-description>*:not(:last-child) {
    margin-bottom: 0.5rem;
}

.cart-item-price {
    position: relative;
}

.cart-item-price .current-price {
    font-size: var(--lengthMd1);
    font-weight: 500;
}

.remove-cell .remove-item {
    position: absolute;
    bottom: 0.75rem;
    right: 0.75rem;
}

.cart-description * {
    font-size: var(--lengthsm2);
}

.remove-cell {
    position: relative;
}

.cart-table tr>td:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.cart-table tr>td:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.cart-left {
    margin-top: 2rem;
}

.flex-1 {
    flex: 1;
}

.promo-code-wrap {
    position: relative;
    cursor: pointer;
    text-align: center;
}

.promo-code-wrap:hover .promo-selected {
    opacity: 1;
}

.promo-code-wrap>input {
    display: none;
}

.promo-code-wrap>input:checked~.promo-inner .promo-selected {
    opacity: 1;
}

.promo-code-wrap>input:checked~.selected-text {
    opacity: 1;
}

.promo-selected {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    transition: 300ms all ease;
    justify-content: center;
    background: rgb(51 51 51 / 50%);
}

.selected-text {
    transition: 300ms all ease;
    opacity: 0;
    font-size: var(--lengthSm2);
    margin-top: 0.5rem;
    display: block;
    color: var(--colorPrimary);
    font-weight: 500;
}

.promo-selected svg {
    fill: #fff;
}

.promo-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background: var(--colorGrey);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}

.promo-inner img {
    margin-bottom: 0.5rem;
    height: 50px;
}

.promo-inner span {
    font-size: var(--lengthSm3);
    font-weight: 500;
    letter-spacing: 0.5px;
}

.column {
    display: flex;
    flex-direction: column;
}

.payment-form {
    padding: 2rem;
    background: var(--colorGrey);
    border-radius: 16px;
}

.color-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.3rem;
}

.color-ball {
    cursor: pointer;
}

.color-ball>input {
    display: none;
}

.color-inner {
    position: relative;
    text-align: center;
}

.color-inner .color-hex {
    width: 25px;
    height: 25px;

    margin: auto;
}

.color-selected {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    transition: 0.2s all ease;
}

.color-ball input:checked~.color-inner .color-selected {
    opacity: 1;
}

.color-selected svg {
    fill: #fff;
    width: 15px;
    height: 15px;
}

.rating-icons svg {
    fill: var(--colorPrimary);
}

.rating-icons {
    margin-left: 1rem;
}

.rating-filter {
    cursor: pointer;
}

.rangeslider-horizontal .rangeslider__handle:after {
    display: none;
}

.rangeslider .rangeslider__handle {
    box-shadow: none !important;
    border: 1px solid var(--colorPrimary) !important;
}

.rangeslider-horizontal .rangeslider__fill {
    background-color: var(--colorPrimary) !important;
}

.rangeslider-horizontal {
    box-shadow: none !important;
    height: 8px !important;
}

.rangeslider {
    background: var(--colorGrey2) !important;
}

.slider .value {
    text-align: center;
    font-size: var(--lengthSm3);
    color: var(--colorPrimary);
    font-weight: 500;
}

.price-filter .rangeslider__labels>li:last-child {
    left: 0 !important;
    transform: none !important;
}

.price-filter .rangeslider__labels>li:first-child {
    left: auto !important;
    right: 0;
    transform: none !important;
}

.rangeslider__labels {
    margin-top: 0.25rem;
}

.multi.showAccordion {
    overflow-y: scroll;
    padding: 0.25rem;
}

.accordion .mini-header {
    font-size: var(--lengthSm3);
}

.nav-links .hover-drop:hover~.droppableContainer:not(.side-nav),
.nav-links .droppableContainer:not(.side-nav):hover {
    transform: translate(-50%, 0);
}

.nav-links .droppableContainer:not(.side-nav) {
    left: 50%;
    top: 100%;
    transform: translate(-50%, 20px);
    z-index: 250;
    width: max-content;
}

.side-nav {
    z-index: 10;
    width: max-content;
}

.nav-drop-body .side-nav {
    left: 100%;
    transform: translate(20px, 0);
    top: 0;
}

.nav-links .droppableContainer.side-nav:hover,
.nav-links .hover-drop:hover~.droppableContainer.side-nav {
    transform: translate(0, 0);
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.category-drop {
    min-width: 250px;
}

.side-nav .nav-drop-body {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-auto-flow: column;
    display: grid;
}

.accordion-header::before {
    content: "";
}

.badge.transparent {
    background: rgb(0 0 0 / 35%);
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.carousel-curve.flat {
    display: flex;
    align-items: center;

    z-index: 1;
}

.carousel-curve.sm {
    height: 500px;
}

.banner-header {
    font-size: var(--lengthLg1);
    font-weight: 500;

    max-width: 300px;
}

.project-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.project-block img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

.para-line {
    line-height: 1.8;
	font-size:1.03em;
}

.ml-1_5 {
    margin-left: 1.5rem;
}

.mr-1_5 {
    margin-right: 1.5rem;
}

.pricing-package {
    display: flex;
    flex-direction: column;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.4s all ease;
}

.pricing-package:hover {
    box-shadow: var(--shadow8);
    transform: translate(0, -10px);
}

.package-body {
    background: var(--colorGrey);
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;

    padding: 1.5rem;
}

.package-body p {
    text-align: justify;

    margin-bottom: 1rem;
}

.pricing-package a {
    margin-top: auto;
}

.pricing-header {
    font-size: var(--lengthMd3);
    text-align: center;
    font-weight: 400;
    padding: 1.5rem;
    color: #fff;
    width: 100%;
	border-radius: 1rem 1rem 0rem 0rem;

    text-transform: capitalize;
}

.pricing-header.consultation {
    background: var(--colorPrimary);
}

.pricing-header.silver {
    background: #909090;
}

.pricing-header.premium {
    background: #ceab45;
}

.file-upload-area {
    background: var(--colorGrey2);
    border-radius: 32px;
    padding: 0.5rem;
}

.uploaded-file {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
}

.uploaded-file h6 {
    font-size: var(--lengthSm3);
    font-weight: 400;
}

.uploaded-file>h6 {
    margin-right: 1rem;
}

.uploaded-file>div>h6 {
    text-align: right;
}

.check-wrap a {
    margin: 0 0.5rem;
}

.successful {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem;
    background: var(--colorGrey);
}

.successful img {
    width: 10rem;
    height: 10rem;
    margin-bottom: 2rem;
    object-fit: contain;
}

.successful h1 {
    font-size: var(--lengthLg1);
    font-weight: 400;
    color: var(--colorPrimary);
    margin-bottom: 1rem;
}

.successful p {
    margin-bottom: 2rem;
}

.badge.verified {
    background: var(--colorPrimary);
}

.verified {
    display: flex !important;
    align-items: center;
    white-space: nowrap;
}

.verified img {
    margin-right: 0.5rem;
    height: 20px;
}

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

.row {
    display: flex;
    height: 100%;
    margin: 0px !important;
}

.disp-flex {
    display: flex;
}

.row-width-100 {
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
}

.row-width-100 a {}


.chip.outline {
    background: transparent;
    color: var(--colorThemeGrey);
    border: 1px solid var(--colorGrey2);
    padding: 0.25rem 0.5rem;

    border-radius: 4px;
}

.grey-block {
    display: flex;
    justify-content: space-between;
    background: var(--colorGrey);
    padding: 1rem;
    border-radius: 8px;
}

.grey-block h5 {
    font-size: var(--lengthMd1);
    font-weight: 400;
    color: var(--colorText);
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-1 {
    padding-right: 5px !important;
}

.pr-2 {
    padding-right: 10px !important;
}

.pr-3 {
    padding-right: 15px !important;
}

.pr-4 {
    padding-right: 20px !important;
}

.pr-5 {
    padding-right: 25px !important;
}

.pr-6 {
    padding-right: 30px !important;
}

.pr-7 {
    padding-right: 35px !important;
}

.pr-8 {
    padding-right: 40px !important;
}

.uploaded-img-wrap {
    position: relative;
}

.upload_display_image {
    position: absolute;
    top: 12px;
    right: 12px;
}

.uploaded-img-wrap>img {
    width: 100%;
    object-fit: contain;
    background: var(--colorGrey);
    height: 400px;
    border-radius: 12px;
}

.uploaded-img {
    display: flex;
    overflow-x: scroll;
    padding: 1rem 0;
}

.uploaded-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
}

.uploaded-img>li {
    flex: 1;
    min-width: 100px;
    height: 75px;
    position: relative;
}

.uploaded-img>*:not(:last-child) {
    margin-right: 0.5rem;
}

.uploaded-img button {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(20%, -20%);
}

.link-form {
    padding: 1rem;
    background: var(--colorGrey);
    border-radius: 12px;
}

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

.form-style h6 {
    margin: 0 0 0.5rem;
    font-size: var(--lengthMd1);
    font-weight: 500;
    color: var(--colorText);
}

.form-style>div {
    display: flex;
    flex-direction: column;
}

.modal-overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 10%);
    backdrop-filter: blur(1px);
    animation: fade-in 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    z-index: 1050;
}

.otp-wrap {
    text-align: center;
}

.modal-inner {
    background: #fff;
    padding: 1rem;
    border-radius: 12px;

    box-shadow: var(--shadow1);
    animation: fade-in-scale 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

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

.otp-blocks>*:not(:last-child) {
    margin-right: 0.25rem;
}

.otp-blocks input {
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: 0;
    font-size: var(--lengthMd3);
    background: var(--colorGrey2);
    text-align: center;
    font-weight: 500;
    transition: 0.4s all ease;
}

.otp-blocks input:hover,
.otp-blocks input:focus {
    background: var(--colorGrey);
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.flex-space.center {
    align-items: center;
}

.flex-space.end {
    align-items: flex-end;
}

.flex-space.start {
    align-items: flex-start;
}

.landing-module {
    height: 400px;
	min-width: 300px;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 0.5rem;
    position: relative;
    /* background-repeat: no-repeat;
background-position: center;
background-size: cover; */
}

@media (max-width:1200px){
	.landing-module{
		height:345px;
	}
}

@media (max-width:992px){
	.landing-module{
		height:265px;
	}
}

@media (max-width:768px){
	.landing-module{
		height:320px;
	}
}

@media (max-width:450px){
	.landing-module{
		width:100%;
	}
}

.landing-module-img {
    position: absolute !important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.landing-module-img>div {
    height: 100%;
}

.landing-module a {
    display: block;
    width: 100%;
    padding: 1.5rem 2rem 1.5rem;
    background: rgb(255 255 255 / 90%);
    border-radius: 6px;
    backdrop-filter: blur(4px);
    transition: 0.4s all ease;
    position: relative;
    z-index: 1;
	height:150px;
	min-width: 300px;
}

@media (max-width:1200px){
	.landing-module a {
		height:170px;
	}
}

@media (max-width:1000px){
	.landing-module a {
		height:190px;
	}
}

@media (max-width:768px){
	.landing-module a {
		height:125px;
	}
}

@media (max-width:515px){
	.landing-module a {
		height:145px;
	}
}

@media (max-width:360px){
	.landing-module a {
		height:170px;
	}
}

.landing-module a:hover {
    background: rgb(0 97 86 / 70%);
	text-decoration: none;
}

.landing-module a:hover h5 {
    color: #fff;
	text-decoration: none;
}

.landing-module a:hover p {
    color: var(--colorGrey);
	text-decoration: none;
}

.landing-module h5 {
    margin-bottom: 0.25rem;
    transition: 0.4s all ease;
}

.landing-module p {
    margin-bottom: 0.5rem;
    transition: 0.4s all ease;
}

.easy-installment {
   /* background: rgb(173 190 147 / 30%);*/
	background: var(--colorPrimary);
    padding: 1.5rem 5rem 1.5rem 3rem;
}

.easy-installment h3 {
    margin-bottom: 0.5rem;
}

.easy-installment img {
    height: 100px;
}

.news-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
}

.news-block img {
    width: 100%;
    height: 250px;
    border-radius: 8px;

    object-fit: cover;
}

.news-block a h5 {
    margin: 1rem 0.5rem 0.25rem;
    display: block;
    font-size: var(--lengthMd1);
    font-weight: 500;
    transition: 0.4s all ease;
}

.news-block a:hover h5 {
    color: var(--colorPrimary);
}

.news-block p {
    margin: 0 0.5rem;
    font-weight: 500;
}

.home-service-block {
    /*background: var(--colorPrimary);*/
    padding: 4rem;
    border-radius: 8px;
	margin-right:5px;
}

.service-img {
    /*background: rgb(173 190 147 / 32%);
    width: 70px;
    height: 70px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	font-size:50px;
	text-align: center;
	margin-bottom: 30px;
}

.about-number {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--colorPrimary);
    font-size: var(--lengthMd2);
    font-weight: 600;
    background: #d4e1c1;
}

.service-img img {
    height: 30px;
}

.home-service-block h5 {
    margin-bottom: 0.5rem;
}

.landing-banner-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.landing-header {
    text-align: center;
    font-size: 6rem;
    color: #fff;
    font-weight: 600;
    padding: 1rem;
}

.landing-header span {
    font-size: 3rem;
    display: block;
    max-width: 750px;
}

.landing-header h5 {
    font-size: 2.5rem;
    display: block;
    max-width: 750px;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    letter-spacing: 2px;
    font-weight: 800;
}

.justify-content-between {
    justify-content: space-between !important;
}

.blogs-header.carousel-curve.flat {
    height: 315px;
}

.blog-block-h3 {
    font-size: 14px;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 5px;
}

.corporate-header {
    text-align: left;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 5.6rem;
    margin-top: 10rem;
    max-width: 600px;
    line-height: 1;
}

.corporate-header.md {
    font-size: 5rem;
}

.landing-header p {
    font-size: 40%;
    letter-spacing: 12px;

    margin-right: -12px;
}

.landing-banner-wrap a,
.offer-inner a {
    min-width: 310px;
    box-shadow: var(--shadow3);
}

.landing-banner-wrap a,
.offer-inner a {
    min-width: 310px;
    box-shadow: var(--shadow3);
}

.landing-carousel-inner img {
    height: auto;
    width: auto;

    margin: 2rem auto 1.5rem;
}

.landing-carousel-inner {
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: #fafafa;
}

@media (max-width:1200px){
	.landing-carousel-inner {
		height: 348px;
	}
}

@media (max-width:992px){
	.landing-carousel-inner {
		height: 264px;
	}
}

/*.landing-carousel-inner img{
	width:25% !important;
}

.landing-carousel-inner img{
	margin-top:70px !important;
	width:25% !important;
}*/

.landing-carousel .carousel>div:not(.carousel-dots) {
    height: 400px;
}

.carousel-dots {
    position: absolute;
    z-index: 1;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
}

.carousel-dots>*:not(:last-child) {
    margin-right: 0.5rem;
}

.carousel-dots button {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
}

.carousel-dots button.carousel__dot--selected {
    background: var(--colorPrimary) !important;
}

.landing-carousel *,
.corporate-carousel-wrap * {
    outline: none !important;
}

.freelancers.radio-style .radio-style-placeholder {
    border-radius: 32px;
    padding: 0.75rem;
    border: 1px solid var(--colorGrey);
}

.freelancers.radio-style>.custom-radio:not(:hover)>input:not(:checked)~.radio-style-placeholder {
    background: var(--colorGrey);
    color: var(--colorText);

}

.community-block {
    display: flex;
    align-items: flex-start;
}

.community-block-inner {
    flex: 1;
    margin-left: 1rem;
}

.offer-section {
    background-image: url("../images/offer-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    display: flex;
    align-items: center;
}

.offer-section.corporate {
    background-image: url("../images/corporate-footer.jpg");
}

.offer-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.offer-inner h4 {
    color: #fff;
    font-weight: 700;
    font-size: 3.5rem;
    line-height: 0.8;
}

.custom-desc-section {
    margin-bottom: 3rem;
}

.customBg {
    background: #016257;
    align-items: center;
    margin-top: 3rem;
}

.custom-desc-section img {
    width: 100%;
}

.custom-desc-section h2 {
    font-weight: 500;
    text-align: center;
    line-height: 2;
    color: #fff;
    padding-left: 4rem;
}

.custom-desc-section h3 {
    font-weight: 500;
    text-align: center;
    line-height: 2;
    color: #fff;
    padding-left: 4rem;
}

.custom-container.custom-desc-section {
    margin: auto;
}

.reward-img {
    height: 100px;
    margin-bottom: 2rem;
}

.spacium-rewards-img>div:first-child {
    margin-right: 2rem;
    overflow: hidden;
}


.spacium-rewards-img>div:last-child {
    overflow: hidden;
}

.spacium-rewards-img img,
.corporate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.community-fixed-header {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

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

.corporate-outer {
    position: relative;
}

.corporate-inner {
    display: flex;
}

.about-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.community-section .about-grid {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-gap: 4rem;
}

.about-grid>div {
    margin-bottom: 6rem;
}

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

.corporate-carousel-wrap .carousel__inner-slide img {
    object-fit: cover;
    object-position: center;
}

.corporate-carousel-wrap {
    position: absolute;
}

.corporate-carousel-btn {
    position: absolute;
    bottom: 2rem;
    display: flex;
    left: 2rem;
}

.corporate-carousel-btn>button:not(:last-child) {
    margin-right: 1rem;
}

.side-bar {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 109;
    background: #fff;
    max-width: 30rem;
    padding: 3rem 1.5rem 3rem 4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translate(0, 0);
    transition: 0.3s all cubic-bezier(0.39, 0.575, 0.565, 1);
}

@media (max-width:450px){
	.side-bar {
		width:100%;
		max-width:100%;
	}
}

.side-bar.second {
    z-index: 110;
    left: 30rem;
    border-left: 1px solid var(--colorGrey2);
    display: block;
    animation: slide-in-left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.side-bar-list {
    animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    max-height: calc(100vh - 26rem);
    overflow-y: auto;
}

.side-bar.second .side-bar-list {
    max-height: calc(100vh - 6rem);
}

.side-bar-list>li:not(:last-child),
.side-bar-pages>li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.side-bar-list h5 {
    font-size: var(--lengthMd2);
    color: var(--colorThemeGrey);
    padding: 0 0 1rem 1rem;
    font-weight: 600;
    min-height: calc(40px + 1rem);
    line-height: 1.6;
    display: flex;
    align-items: center;
    cursor: pointer;
	margin-top:0px;
}

.side-bar-list h5:hover {
    text-decoration: underline;
}

.side-bar-list>li.stick-header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.side-bar-list a {
    padding: 0 1rem;
    display: flex;
    align-items: center;
    min-height: 40px;
    transition: 0.4s all ease;
    border-radius: 6px;
    line-height: 1.6;
}

.side-bar-list a:hover {
    background: var(--colorGrey);
    color: var(--colorPrimary);
}

.side-bar-list a svg {
    width: 18px;
    height: 18px;
    fill: var(--colorDisabled);
    transition: 0.4s all ease;

    margin-left: 8px;
}

.side-bar-list a:hover svg {
    fill: var(--colorPrimary);
}

.side-bar-pages a {
    padding: 0 1rem;
    display: flex;
    align-items: center;
    line-height: 25px;
    transition: 0.4s all ease;
    border-radius: 6px;
    font-size: var(--lengthSm3);
}

.side-bar-pages a:hover {
    text-decoration: underline;
}

.side-bar-overlay {
    position: fixed;
    z-index: 105;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 25%);
    display: block;
    animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.side-bar:not(.toggled) {
    transform: translate(-30rem, 0);
}

@media (max-width:450px){
	.side-bar:not(.toggled) {
    transform: translate(-100%, 0);
	}
}

.side-bar.second:not(.toggled) {
    display: none;
    transform: translate(-30rem, 0);
}

.side-bar-overlay:not(.toggled) {
    display: none;
}


.side-bar-top-mobile-menu
{ display: none !important; }

@media (max-width:450px){
    .side-bar-top-mobile-menu
    { display: flex !important;   }
}

.side-bar-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    margin-bottom: 2rem;
}

.side-bar-top img {
    width: 130px;
}

.side-bar-top>button,
.transparent-btn {
    background: transparent;
    border: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.4s all ease;
}

.transparent-btn.sm svg {
    width: 18px;
    height: 18px;
}

.side-bar-top>button:hover,
.transparent-btn:hover {
    background: var(--colorGrey);
}

.side-bar-top>button:hover svg,
.transparent-btn svg {
    fill: var(--colorText);
}

.side-bar-top svg {
    height: 14px;
    fill: var(--colorDisabled);
    transition: 0.4s all ease;
}

.side-bar-drop a {
    line-height: 35px;
}

.side-bar-drop {
    position: fixed;
    width: 25rem;
    overflow: auto;
    height: 100%;
    background: #fff;
    top: 0;
    left: 25rem;
    bottom: 0;
    border-left: 1px solid var(--colorGrey);
    transform: translate(16px, 0);
    padding: 3rem;
    font-size: 14px;
}

.master-menu {
    position: relative;
}

.back-button {
    position: absolute;
    left: -40px;
    top: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: 0.1s all ease;
}

.back-button:hover {
    background: var(--colorGrey);
}

.back-button:hover svg {
    fill: var(--colorPrimary);
}

.back-button svg {
    transition: 0.1s all ease;
}

.hover-drop:hover~.droppableContainer.side-bar-drop,
.droppableContainer.side-bar-drop:hover {
    transform: translate(0, 0);
}

.skill-chips>*:not(:last-child) {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.skill-chips>* {
    margin-bottom: 0.5rem;
}

/*.home-service-block .service-img {
    background: #d9eabf;
}

.home-service-block .service-img {
    margin-bottom: 1.5rem;
}*/

.toast-close {
    opacity: 0.4;
    padding: 0 0 0 1rem;
}

.Toastify__toast--info {
    background: linear-gradient(135deg, #73a5ff, #5477f5) !important;
}

.Toastify__toast--success {
    background: linear-gradient(165deg, #58bb58, #68ca68) !important;
}

.Toastify__toast--error {
    background: linear-gradient(90deg, #d84949, #d46464) !important;
}

.Toastify__toast--warning {
    background: linear-gradient(45deg, #ffc04c, #e6980a) !important;
}

.Toastify__close-button {
    color: #fff !important;
}

.Toastify__toast {
    /* border-radius: 0.5rem; */
    font-size: var(--lengthMd1) !important;
    min-height: 50px !important;
    font-family: inherit !important;
    color: #fff !important;
}

.Toastify__toast svg {
    fill: #fff;
}

.cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    animation: fade-in 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.cart-empty h5 {
    font-size: var(--lengthMd2);
}

.cart-empty.sm h5 {
    font-size: var(--lengthMd1);
}

.cart-empty.sm svg {
    width: 4rem;
    height: 4rem;
}

.cart-empty svg {
    width: 8rem;
    height: 8rem;
    fill: var(--colorPrimary);
    opacity: 0.5;
    margin-bottom: 1rem;
}

.cart-empty {
    text-align: center;
}

.loading-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.not-found {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
}

.not-found>* {
    flex: 1;
}

.not-found img {
    max-height: 500px;
    object-fit: contain;
}

.not-found-inner {
    margin-left: 2rem;
    position: relative;
}

.not-found-inner h1 {
    font-size: 40vh;
    letter-spacing: 8px;
    color: var(--colorPrimary);
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0, -60%);
    z-index: -1;
}

.not-found-inner h2 {
    font-size: var(--lengthLg1);
    font-weight: 800;
    color: var(--colorThemeGrey);
    margin-bottom: 1rem;
    margin-top: 4rem;
}

.load-bg {

    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 12rem 0;
}

.help-icons img {
    height: 30px;
}

.help-icons {
    width: 35px;
    height: 35px;
    background: #3AAFA9;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.footerHelpSec .d-flex {
    display: flex;
}

@media (max-width: 769px) {
    .d-flex {
    display: flex;
	width:175px;
	margin-left:auto;
	margin-right:auto;
	}
}

.footerHelpSec {
    margin-top: 1em;
}

.connect-social {
    display: flex;
}

@media (max-width: 769px) {
    .connect-social {
    display: flex;
	width:180px;
	margin-left:auto;
	margin-right:auto;
	}
}

.footerHelpSec p {
    font-size: 13px;
    color: #006156;
}

.footerHelpSec a {
    color: #006156 !important;
    margin-bottom: 0 !important;
    font-size: 0.85em !important;
}

.connect-social a {
    width: 35px;
    height: 35px;
    background: #3AAFA9;
    margin-right: 10px;
    border-radius: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color:#ffffff !important;
}

.connect-social a img {
    width: auto;
    max-width: 100%;
    color:#ffffff !important;
}

.footer-right .social-icons a {
    margin-right: 0.5rem;
    color:#ffffff !important;
}

.footer-right {
    font-size: 13px;
}

.footer-big {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background: #f3f3f3;
}

.footer-widget-title {
    margin-bottom: 15px;
    font-weight: 500;
    color: #000;
    font-size: var(--lengthSm3);
}

.footer-menu a {
    color: var(--colorLabel);
    font-size: var(--lengthSm2);
    font-weight: 100;
    display: block;
    margin-bottom: 10px;
}

.footer-menu a:hover {
    text-decoration: underline;
    color: var(--colorText);
}

.bar-loader {
    position: relative;
    top: 20vh;
    text-align: center;
}

.cart-count {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-15%, 15%);
    background: #adbe93;
    color: #fff;
    font-size: var(--lengthSm1);
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 500;
    animation: scale-in-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.category-carousel-btn>button {
    position: absolute;
    top: 35%;
    transform: translate(0, -50%);
    z-index: 2;
}

.category-carousel-btn>button:first-of-type {
    left: 0;
}

.category-carousel-btn>button:last-of-type {
    right: 0;
}

.magazine-carousel-button>button {
    position: absolute;
    top: 35%;
    transform: translate(0, -50%);
    z-index: 2;
}

.magazine-carousel-button>button:first-of-type {
    left: -1rem;
}

.magazine-carousel-button>button:last-of-type {
    right: 0;
}

.cat-section-body {
    position: relative;
}

.faded-carousel {
    position: relative;
}

.faded {
    position: absolute;
    content: "";

    top: 0;
    bottom: 0;
    width: 70px;
    height: 100%;
    z-index: 1;
}

.faded.left {
    left: 0;
    background: linear-gradient(90deg, rgb(255 255 255 / 50%), transparent);
}

.faded.right {
    right: 0;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 50%));
}

.listing-section .cat-section-inner {
    padding-left: 0;
    padding-right: 0;
}

.category-block,
.address-form {
    animation: fade-in 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.product-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.img-placeholder {
    text-align: center;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: var(--colorGrey);
    border-radius: 12px;
}

.img-placeholder svg {
    width: 8rem;
    height: 8rem;
    fill: var(--colorLabel);
}

.img-wrap {
    position: relative;
    width: 100%;
}

.home-landing-prod .prod-section-inner {
    padding-left: 0;
    padding-right: 0;
}

.prod-img-inner {
    height: 100%;
	background: #F1F1F1;
}

.prod-img-inner>div {
    height: 100%;
}

.img-wrap>div {
    width: 100%;
}

.carousel * {
    outline: none !important;
}

.language-selector>a {
    color: #c3c3c3;
    margin-top: 1rem;
}

.sign-block {
    width: 350px;
    background: #fff;
    padding: 1.5rem 2rem;
    border-radius: 6px;
    animation: fade-in-bottom 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.p-relative {
    position: relative;
}

.sign-up-wrap {
    position: absolute;
    bottom: 5rem;
    z-index: 1;
    right: 0;
}

.brand-badge {
    background: var(--colorPrimary);
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    font-size: var(--lengthSm3);
    font-weight: 600;
    letter-spacing: 0.25rem;
    width: 125px;
}

.brand-badge img {
    max-width: 100%;
}

.easy-installment.bg-primary * {
    color: #fff;
}

.easy-installment.bg-primary img {
    height: 70px;
}

.freelancer-block {
    background: var(--colorGrey);
    /*border-radius: 8px;*/
}

.skill-chips-wrap ul>li {
    margin-top: 0.25rem;
}

.freelancer-loader .custom-container {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    width: 100%;
}

.freelancer-loader .prod-section-inner {
    padding: 0;
    border-top: 0;
}

.cart-grey-block {
    padding: 1.5rem 2rem;
    background: var(--colorGrey);
    border-radius: 6px;
}

.react-tel-input .form-control.phone-input {
    position: relative;
    font-size: inherit;
    letter-spacing: 0.01rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    background: #ffffff;
    border: 0;
    border-bottom: 2px solid var(--colorLabel);
    border-radius: 0;
    line-height: inherit;
    height: auto;
    width: 100%;
    outline: none;
}

.react-tel-input .form-control.phone-input:hover {
    border-bottom: 2px solid var(--colorPrimary);
}

.react-tel-input .flag-dropdown,
.react-tel-input .selected-flag:hover,
.react-tel-input .selected-flag:focus {
    background: transparent !important;
    border: 0 !important;
}

.btn-loader {
    width: 8px;
    height: 32px;
    border-radius: 8px;
    display: inline-block;
    background: var(--colorPrimary);
    color: #fff;
    -webkit-animation: animloader61 0.3s 0.3s linear infinite alternate;
    animation: animloader61 0.3s 0.3s linear infinite alternate;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.btn-loader::after,
.btn-loader::before {
    content: "";
    width: 8px;
    height: 32px;
    border-radius: 8px;
    background: var(--colorThemeGrey);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    -webkit-animation: animloader61 0.3s 0.45s linear infinite alternate;
    animation: animloader61 0.3s 0.45s linear infinite alternate;
}

.btn-loader::before {
    left: -20px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.expiry-line {
    display: flex;
    flex-direction: row !important;
    align-items: flex-end;
}

.expiry-line>*:not(:last-child) {
    margin-right: 0.5rem;
}

.expiry-line input {
    max-width: 150px;
}

.freelancer-list>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

.freelancer-list>* {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.subscribe-section {
    background: #f3f3f3;
}

.subscribe-input {
    background: var(--colorGrey2);
    border: 0;
    padding: 1rem;
    width: 20rem;
    transition: 0.2s all ease;
}

.subscribe-input:hover,
.subscribe-input:hover:focus {
    background: #ddd;
}

.subscribe-btn {
    background: var(--colorThemeGrey);
    width: 10rem;
    color: #fff;
    border: 2px solid var(--colorThemeGrey);
    transition: 0.2s all ease;
    cursor: pointer;

    padding: 0.5rem;
}

.subscribe-btn:hover {
    background: transparent;
    border: 2px solid var(--colorThemeGrey);
    color: var(--colorThemeGrey);
}

.blog-details img {
    width: auto;
    max-width: 100%;
}

.acc-balance {
    padding: 1.5rem 1rem;
    margin-bottom: 2.5rem;

    border-radius: 4px;
}

.acc-balance h5 {
    margin-bottom: 0.5rem;
}

.acc-log li {
    padding: 0.75rem;

    border-radius: 4px;
}

.listing-banner {
    margin-top: -60px;
    position: relative;
    z-index: -2;
}

.community-banner-section {
    background: #e7e7e7;
}

.community-banner-section img {
    max-width: 100%;
    margin-bottom: 3rem;
}

.lh-1 {
    line-height: 1;
}

.com-block {
    padding: 3rem;
    background: #ffffff;
    /* box-shadow: var(--shadow9); */
    position: relative;
}

.com-block::after {
    width: 0px;
    height: 0px;
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0;
}

.com-block::after {
    left: 0;
    border-top: 30px solid #fff;
    border-right: 30px solid #fff;
    border-left: 30px solid #e7e7e7;
    border-bottom: 30px solid #e7e7e7;
}

.com-primary::after {
    width: 0px;
    height: 0px;
    background: #fff;
    content: "";
    position: absolute;
    bottom: 0;
}

.com-primary::after {
    left: 0;
    border-top: 30px solid #d9eabf;
    border-right: 30px solid #d9eabf;
    border-left: 30px solid #e7e7e7;
    border-bottom: 30px solid #e7e7e7;
}

.com-banner-sec .com-block {
    padding: 2rem 2rem 0rem 2rem;
}

.com-block.primary {
    background: #d9eabf;
}

.com-block a {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid var(--colorDisabled);
    text-align: right;
}

.com-primary a {
    display: block;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-top: 1px solid #cecece;
    text-align: right;
}

.spotlight-left img {
    max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    background-color: var(--colorGrey);
    display: block;
    border: 0;
}

.spotlight-list-wrap h3 {
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--colorGrey);
    margin-bottom: 2rem;
}

.br-0 {
    border-radius: 0 !important;
}

.diy-wrap,
.magazine-wrap {
    position: relative;
}

.community-carousel-btn {
    position: absolute;
    top: 90px;
    right: 1rem;
    display: none;

    z-index: 1;
}

.community-carousel-btn>*:not(:last-child) {
    margin-right: 1rem;
}

.community-carousel-btn button:disabled {
    opacity: 0.5;
}

.community-carousel-btn button:not(:disabled):hover {
    opacity: 1;
}

.community-carousel-btn button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--colorPrimary);
    background: transparent;
    transition: 0.4s all ease;
}

.community-carousel-btn button svg {
    fill: var(--colorPrimary);
}

.diy-section h2,
.quiz-section h2,
.magazine-section h2 {
    margin-bottom: 2rem;
}

.diy-section .carousel__inner-slide {
    width: calc(100% - 64px);
    left: 32px;
}

.magazine-section .carousel__inner-slide {
    width: calc(100% - 32px);
    left: 16px;
}

.community-carousel-wrap {
    margin-left: -32px;
    margin-right: -32px;
}

.magazine-carousel-wrap {
    margin-left: -16px;
    margin-right: -16px;
}

.avatar-block {
    display: flex;
    color: var(--colorLabel);
    align-items: center;
    font-size: var(--lengthSm3);
}

.avatar-block img {
    margin-right: 0.75rem;
    width: 25px;
}

.quiz-main {
    align-items: center;

    margin-bottom: 4rem;
}

.quiz-main>div {
    flex: 1;
}

.quiz-list-wrap h3 {
    margin-bottom: 2rem;
}

.memory-section {
    background: rgb(0 97 86 / 9%);
}

.magazine-block {
    height: 330px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width:450px){
	.magazine-block{
		width:100% !important;
		height:360px !important;
	}
}

@media (max-width:450px){
	.magazine-block img{
		width:100% !important;
		height:100% !important;
	}
}

.magazine-carousel-wrap .horizontalSlider___281Ls {
    /* height: 330px; */
}

.diy-carousel-wrap .horizontalSlider___281Ls {
    /* height: 330px; */
}


.magazine-block img {
    height: 100%;
    object-fit: cover;
}

.magazine-block>div {
    position: absolute;
    bottom: 0;
    padding: 1rem;
    z-index: 2;
    display: none;
}

.magazine-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    background: linear-gradient(to top,
            rgba(0, 0, 0, 0.5) 5%,
            rgba(0, 0, 0, 0) 100%);
}

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

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.about-block {
    display: flex;
    align-items: center;
    padding: 2rem 2rem 0;
    position: relative;
}

p.coming-soon-txt {
    position: absolute;
    top: 0.7em;
    font-size: 1.5em;
    font-weight: 500;
    color: #006156;
}

.about-block img {
    max-width: 50%;
}

.sidebar {
    min-width: 500px;
    padding-left: 130px;
    position: relative;
}

.blog-block {
    background: var(--colorGrey);
    display: inline-block;
    margin-bottom: 20px;
    text-align: center;
    font-family: "Hind", sans-serif;
    height: 180px;
}

.blog-block>div:first-child {
    /* padding: 1.5rem 3rem 1.5rem 1rem; */
}

.blog-block img {
    height: 100%;
    object-fit: cover;

    /* max-width: 170px; */
    max-width: 100%;
}

.blog-main-block {
    background: var(--colorGrey);
    display: flex;
    align-items: center;
}

.blog-main-block>div {
    padding: 2rem;
    max-width: 100%;
}

.blog-carousel {
    position: relative;
}

.category-carousel-button button:disabled {
    opacity: 0;
}

.category-carousel-button button:not(:disabled):hover {
    opacity: 1;
}

.category-carousel-button button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid white;
    background: transparent;
    transition: 0.4s all ease;
}

.category-carousel-button button svg {
    fill: var(--colorPrimary);
}

.magazine-carousel-button button:disabled {
    opacity: 0;
}

.magazine-carousel-button button:not(:disabled):hover {
    opacity: 1;
}

.magazine-carousel-button button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid white;
    background: white;
    transition: 0.4s all ease;
}

.magazine-carousel-button button svg {
    fill: var(--colorPrimary);
}

.magazine-carousel-header {
    /* width: 90%; */
    padding-top: 18px;
    margin: auto;
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 35px;
}

.blog-carousel-btn button:disabled {
    opacity: 0.5;
}

.blog-carousel-btn button:not(:disabled):hover {
    opacity: 1;
}

.blog-carousel-btn button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid var(--colorPrimary);
    background: transparent;
    transition: 0.4s all ease;
}

.blog-carousel-btn button svg {
    fill: var(--colorPrimary);
}

.blog-carousel-wrap {
    position: relative;
}

.blog-brief {
    position: relative;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 25px;
    max-height: 100px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.blog-detail img {
    max-width: 100%;
}

.blog-detail {
    background: var(--colorGrey);
    padding: 20px;
}

.blog-detail-container {
    width: 786px;
    margin: auto;
}

.blog-detail-header {
    background: var(--colorGrey);
    height: 350px;
    width: 80%;
    margin: auto;
    display: flex;
    margin-bottom: 10px;
}

.blog-detail-header img {
    width: 100%;
    height: 100%;
}

.blog-cover {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    margin-bottom: 2rem;
}

.blog-wrap img {
    margin: 3rem auto;
    display: block;
}

.blog-block-img {
    position: relative;
    text-align: center;
}

.blog-block-img .wishlist-btn,
.blog-main-block .wishlist-btn,
.blog-block-wrap .wishlist-btn,
.blog-stretched .wishlist-btn {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 1;
}

.blog-stretched {
    position: relative;
}

.quiz-main-container {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    margin-top: 20px;
}

.quiz-all {
    margin-top: 30px;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
}

.quiz-link {
    color: inherit !important;
}

.magazine-cover {
    height: 100%;
    margin: auto;
    margin-right: 20px;
    overflow: hidden;
}

.magazine-cover-image {
    border-radius: 3px;
}

.spacium-avatar-logo {
    height: 25px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--colorPrimary);
    border-radius: 7px;
}

.spacium-avatar-logo>img {
    width: 25px;
}

.spacium-avatar-logo-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.magazine-name {
    font-weight: 800;
    width: 80%;
    margin: auto;
    text-align: left;
    height: 35px;
    padding-top: 10px;
    padding-left: 17px;
}

.magazine-details {
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding-right: 30px;
}

.magazine-download {
    margin-left: 18px;
}

.dyi-flex {
    display: flex;
    justify-content: space-between;
    /* width: 70%; */
    margin: auto;
    height: 370px;
}

.line-break {
    width: 92%;
    margin: auto;
    margin-top: 50px;
}

.dyi-sbhp-main {
    width: 90%;
    margin: auto;
}

.dyi-ssbhp-main {
    width: 50%;
    margin: auto;
}

.diy-cover {
    width: 100%;
    height: 500px;
}

.diy-cover img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
}

.diy-header {
    padding-left: 16px;
    margin-top: 20px;
}

.diy-title {
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 600;
}

.diy-steps-sec {
    margin-top: 50px;
}

.diy-steps-block {
    margin-bottom: 15px;
}

.diy-steps-header {
    display: flex;
    height: 70px;
    font-size: 25px;
    font-weight: 600;
}

.diy-steps-header label {
    position: relative;
    top: 25%;
    left: 20%;
}

.diy-step-num {
    width: 15%;
    background-color: #d6e7bb;
}

.diy-step-name {
    width: 85%;
    background-color: #f3f3f3;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.diy-step-desc {
    margin-top: 30px;
    color: grey;
}

.diy-desc {
    font-size: 15px;
    color: grey;
}

.dyi-sphb {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    height: auto;
}

.dyi-sphb-block {
    cursor: pointer;
    width: 23%;
}

.dyi-sphb-block> :last-child {
    font-size: 12px;
    color: grey;
}

.dyi-sphb-block-top {
    width: 100%;
    height: 55%;
    margin-bottom: 7%;
}

.dyi-sphb-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dyi-flex-right {
    width: 72%;
    height: 100%;
}

.dyi-flex-left {
    width: 26%;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
}

.dyi-flex-left-mains {
    height: 48%;
    width: 100%;
}

.dyi-flex-left-inner {
    height: 100%;
    width: 100%;
}

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

.dyi-flex-text {
    font-size: 14px;
    font-weight: 550;
    /* opacity: 0.7; */
    /* background-color: #375470; */
    max-width: 100%;
    /* color: #EFB97F; */
    overflow: hidden;
    padding: 4px;
    border-radius: 4px;
    width: auto;
    cursor: pointer;
    text-overflow: ellipsis;
}

.comm-diy-carousel-img {
    height: 300px !important;
    border-radius: 6px;

    object-fit: cover;
}

.diy-carousel>.sliderAnimation___300FY {
    width: 75% !important;
}

.dyi-latest {
    margin: auto;
}

.dyi-latest-main {
    margin-top: 50px;
    width: 100%;
}

.dyi-latest-block {
    display: flex;
    justify-content: space-between;
    height: 370px;
    margin-bottom: 20px;
}

.dyi-latest-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dyi-latest-block-right {
    width: 60%;
    height: 100%;
}

.dyi-latest-block-left {
    width: 36%;
    position: relative;
    top: 25%;
    height: 35%;
}

.dyi-latest-text-sp {
    margin-bottom: 10px;
}

.dyi-sphb-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.category-name {
    font-size: 20px;
    height: 100%;
    padding-top: 15px;
    text-align: center;
    transition: 0.4s all ease;
}

.magazine-slide {
    height: 100%;
    padding-top: 15px;
    text-align: center;
}

.magazine-search-wrap {
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    box-shadow: 2px 2px 4px #ccc;
    border: 1px solid #f0f0f0;
    position: relative;
    width: 100%;
}

.magazine-search {
    width: 100%;
    background: transparent;
    border: 0;
    font-size: var(--lengthMd1);
    padding-left: 23px;
}

.magazine-search-sec {
    margin: 0 auto 4rem;
    justify-content: space-between;
    font-size: small;
    color: grey;
    text-align: center;
    max-width: 75%;
}

.magazine-search-sec>*:not(:last-child) {
    margin-bottom: 1rem;
}

.magazine-search-wrap svg {
    position: absolute;
    /* left: 9rem; */
    top: 22%;
    right: 13px;
    transform: translate(0, 0%);
    transition: 0.4s all ease;
    fill: var(--colorThemeGrey);
}

/* li.category-name:hover {
font-size: 150%;
font-weight: 500;
} */

/* div.category-name:hover {
font-size: 150%;
font-weight: 500;
cursor: pointer;
} */
.category-name:hover {
    font-size: 150%;
    font-weight: 500;
    cursor: pointer;
}

.show-password {
    position: absolute;
    right: 1rem;
    background: transparent;
    border: 0;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}

.show-password svg {
    fill: var(--colorText);
    opacity: 0.75;
    transition: 0.3s all ease;
}

.show-password:hover svg {
    opacity: 1;
}

.custom-search-wrap {
    position: relative;
    background: var(--colorGrey);
    border-radius: 4px;
    transition: 0.2s all ease;
}

.custom-search {
    width: 100%;
    background: transparent;
    border: 0;
    height: 60px;
    padding: 1rem 1rem 1rem 4rem;
    font-size: var(--lengthMd1);
}

.custom-search-wrap svg {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translate(0, -50%);
    transition: 0.4s all ease;
    fill: var(--colorThemeGrey);
}

.custom-search-wrap:hover {
    background: #fafafa;
}

.custom-search-wrap:hover svg {
    fill: var(--colorText);
}

.categories-li::before,
.categories-li::after {
    content: "";
    display: block;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
}

.categories-li:hover {
    color: #05675c;
}

.categories-li {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
    margin-bottom: 10px;
    font-size: 0.9rem;
    cursor: pointer;
}

.spot-block>a,
.spot-block>a>div {
    max-width: 100%;
}

.spot-block img {
    background: var(--colorGrey);
    border: 0;
}

.btn-block {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.seller-btn {
    min-width: 170px !important;
}

.seller-header-container {
    position: relative;
    top: 0;
    overflow: hidden;
    height: 600px;
    width: 100%;
    z-index: 1;
}

.spacium-experience-content {
    position: relative;
    z-index: 1;
}

.seller-map {
    padding-right: 4rem;
    padding-left: 2rem;
    z-index: 999;
}

.seller-map img {
    width: 700px;
}

.spacium-experience {
    position: relative;
    height: 850px;
}

.spacium-experience-box {
    position: absolute;
    top: -190px;
}

.experience-section {
    display: flex;
}

.experience-section>div {
    margin-right: 25px;
    margin-left: -8px;
    margin-top: 4px;
}

.experience {
    margin-right: 50px;
    height: 400px;
}

.experience>img {
    height: 100%;
}

.spacium-benefits {
    position: relative;
    top: 650px;
}

.experience-img img {
    width: 100%;
}

.why_spacium {
    background-image: linear-gradient(#156c5d, #becda8);
    height: 400px;
}

.why_spacium_list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px;
}

.why_spacium_list>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

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

.tab-container {
    width: 70% !important;
}

.customer_storefront_content {
    padding-top: 60px;
}

.laptop_img {
    width: 100%;
    margin-left: 100px;
}

.laptop_img img {
    width: 100%;
}

.css-1h9z7r5-MuiButtonBase-root-MuiTab-root.Mui-selected {
    color: #006156 !important;
}

.css-1aquho2-MuiTabs-indicator {
    background-color: #006156 !important;
    height: 5px !important;
}

.new-seller-box {
    padding: 10px 30px;
    max-width: 450px;
    width: 100%;
    position: relative;
    border-radius: 5px;
}

.marks_group {
    position: absolute;
    bottom: -20px;
    right: -50px;
}

.marks_group img {
    width: 90%;
}

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

.business-container {
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.connect-box-container {
    height: 700px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.connect-box {
    max-width: 1000px;
    width: 100%;
    background-color: #006156;
    height: 350px;
    border-radius: 10px;
    position: relative;
}

.connect-box-data {
    position: absolute;
    top: 0px;
    padding: 5rem 4rem;
}

.email-bar {
    padding: 0.85rem 0.65rem 0.85rem 1.6rem;
    font-size: 13px;
    width: 70%;
    height: 50%;
    border-radius: 5px;
}

.email-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

.connect-box-img-2 {
    position: absolute;
    top: -300px;
    right: -150px;
}

.connect-box-img-1 {
    position: absolute;
    top: 30px;
    right: -280px;
}

.community-category-list .carousel__inner-slide {
    width: calc(100% - 32px);
    left: 50px;
}

.community-category-list {
    position: relative;
}

.community-category-list .carousel .sliderTray___-vHFQ {
    display: flex !important;
    width: 30% !important;
    margin-left: 60px !important;
    /* gap: 180px !important; */
}

.community-category-list .carousel .sliderTray___-vHFQ>li {
    padding-bottom: 0px !important;
}

.community-data-hover {
    position: relative;
    cursor: pointer;
}

.community-data-hover * {
    box-sizing: border-box;
    transition: all 0.45s ease;
}

.community-data-hover:before,
.community-data-hover:after {
    background-color: rgb(23, 13, 15, 0.4);
    border-radius: 10px !important;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    transition: all 0.3s ease;
    z-index: 1;
    opacity: 0;
    transform: scaleY(2);
}

.community-data-hover img {
    vertical-align: top;
    max-width: 100%;
    backface-visibility: hidden;
}

.community-data-hover figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.1em;
    opacity: 0;
    z-index: 2;
    transition-delay: 0.1s;
    padding: 20px;
    justify-content: space-between;
}

.community-data-hover:hover:before,
.community-data-hover:hover:after {
    transform: scale(1);
    opacity: 1;
}

.community-data-hover:hover>img {
    opacity: 0.7;
}

.community-data-hover:hover figcaption {
    opacity: 1;
}

.para-max {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.para-max._3 {
    -webkit-line-clamp: 3;
}

.designer-wrap {
    display: flex;
}

.designer-right img {
    width: 100%;
    flex: 1;

    box-shadow: var(--shadow8);
    border-radius: 32px;
    object-fit: cover;
}

.profile-placeholder {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: var(--colorPrimary);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    cursor: pointer;
}

.profile-placeholder svg {
    fill: #fff;
    width: 48px;
    height: 48px;
}

.y-center {
    align-items: center;
}

.designer-header {
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.x-between {
    justify-content: space-between;
}

.y-end {
    align-items: flex-end;
}

.designer-right {
    display: flex;
    flex: 1;
}

.css-1a1fmpi-MuiInputBase-root-MuiInput-root:before,
.css-a3l6o-MuiInputBase-root-MuiInput-root-MuiSelect-root:before {
    border-bottom: 2px solid var(--colorLabel) !important;
}

.css-1a1fmpi-MuiInputBase-root-MuiInput-root:after,
.css-a3l6o-MuiInputBase-root-MuiInput-root-MuiSelect-root:after {
    border-color: var(--colorPrimary);
}

.css-1rxz5jq-MuiSelect-select-MuiInputBase-input-MuiInput-input,
.css-1a1fmpi-MuiInputBase-root-MuiInput-root {
    padding: 0.8rem 1rem;
}

.profile-placeholder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.upload-port-btn {
    max-width: 200px;
}

.upload-port-btn span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.analytics-section {}

.analytics-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    grid-gap: 2rem;
}

.analytics-block {
    padding: 1rem;
    border-radius: 16px;
    color: #fff;
    background: var(--colorPrimary);
}

.analytics-block {
    display: grid;
}

.stat-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(652px, 1fr));
    grid-gap: 4rem;
}

.stat-parent>div:not(:last-child) {
    margin-bottom: 6rem;
}

.data-tbl {
    height: 400px;
}

.wishlist-btn.ab svg {
    width: 24px;
    height: 24px;
}

.MuiTablePagination-actions>button:not(:last-child) {
    margin-right: 1rem;
}

.magazine-filter {
    display: flex;
}

.magazine-filter>*:not(:last-child) {
    margin-right: 1rem;
}

.global-search-wrap {
    position: fixed;
    z-index: 150;
    background: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.global-search-text {
    margin-top: 3rem;
}

.global-search-text button {}

.global-search-text input {
    flex: 1;

    font-size: var(--lengthMd3) !important;
}

.global-search-wrap .ab {
    position: absolute;
    top: 2rem;
    right: 2rem;
}

@media (min-width: 769px) {
    /* .global-search-inner {
  width: 650px;
} */

    .diy-carousel-wrap .horizontalSlider___281Ls {
        height: 555px;
    }

    .designer-right>img:last-child {
        margin-top: -64px;
        z-index: -1;
    }

    .designer-right {
        flex-direction: column;
    }

    .designer-left {
        width: calc(70% - 4rem);
        padding-right: 4rem;
    }

    .spotlight-left img {
        min-height: 500px;
    }

    .blog-carousel-btn {
        display: flex;
        justify-content: space-between;
        top: 50%;
        position: absolute;
        width: calc(100% + 5.5rem);
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .blog-carousel .carousel__inner-slide,
    .blog-carousel .carousel>div:not(.blog-carousel-btn) {
        height: 410px;
    }

    .header-carousel-wrap {
        padding: 0 1.5rem;
    }

    .category-carousel-button {
        display: flex;
        justify-content: space-between;
        top: 50%;
        position: absolute;

        width: calc(100% + 1.5rem);
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .categories-slide .carousel__inner-slide,
    .categories-slide .carousel>div:not(.category-carousel-button) {
        height: 80px;
    }

    .magazine-carousel-button {
        display: flex;
        justify-content: space-between;
        top: 43%;
        position: absolute;
        width: 75%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .magazine-carousel-button-ra {
        width: 6% !important;
        left: 85% !important;
        top: 3% !important;
    }

    .diy-carousel-button-ra {
        width: 6% !important;
        left: 85% !important;
        top: 4% !important;
    }

    .magazines-slide .carousel__inner-slide,
    .magazines-slide .carousel>div:not(.magazine-carousel-button) {
        height: 500px;
        padding-bottom: 90px !important;
    }

    .similar_product_carousel_btn {
        position: absolute;
        top: -30px;
        right: 180px;
    }

    .spacium-design-board {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .spacium-design-board-image-container {
        display: flex;
        align-items: center;
        gap: 20px;
        overflow: hidden;
    }

    .spacium-design-board-other-image {
        display: flex;
        flex-direction: column;
        gap: 20px;
        overflow: hidden;
    }

    .spacium-design-board-image {
        height: 300px;
        width: 350px;
        /*border-radius: 10px;*/
        overflow: hidden;
		object-fit: cover;
		object-position: center;
    }
	
	@media (max-width:450px){
		.spacium-design-board-image{
			width:100% !important;
		}
	}
	
	.spacium-design-board-image-2 {
        height: 350px;
        width: 250px;
        /*border-radius: 10px;*/
        overflow: hidden;
		object-fit: cover;
		object-position: center;
    }
	
	@media (max-width:450px){
		.spacium-design-board-image-2{
			width:100% !important;
		}
	}
	
	.spacium-design-board-image-3 {
        height: 250px;
        width: 400px;
        /*border-radius: 10px;*/
        overflow: hidden;
		object-fit: cover;
		object-position: center;
    }
	
	@media (max-width:450px){
		.spacium-design-board-image-3{
			width:100% !important;
		}
	}
	
    .magazine_category_carousel {
        top: -6% !important;
        left: 95% !important;
    }

    .magazine-btn {
        min-width: 20px !important;
    }

    .blog-main-block img {
        max-width: 50%;
        height: 100%;
        object-fit: cover;
    }

    .blog-main-block {
        height: 410px;
    }

    .custom-desc-section img {
        height: 500px;
    }

    .about-block>*:first-child:not(.column-section) {
        margin-right: 2rem;
    }

    .quiz-main h3 {
        width: max-content;
        margin-left: auto;
        text-align: left;
    }

    .quiz-block {
        display: flex;
        align-items: center;
    }

    .quiz-block>img {
        margin-right: 2rem;
        width: 50%;
        object-fit: cover;
        border-radius: 10px !important;
    }

    .DiyComingSoon {
        max-width: 50%;
    }

    .spot-block>a {
        display: flex;
    }

    .spot-block {
        display: flex;
        align-items: center;
    }

    .spot-block img {
        margin-right: 2rem;
        max-width: 225px;
        min-width: 225px;
    }

    .com-block {
        max-width: 275px;
    }

    .spotlight-wrap {
        display: flex;
    }

    .spotlight-wrap>div {
        width: 50%;
    }

    .spotlight-wrap>div:first-child {
        padding-right: 40px;
    }

    .community-banner-left {
        max-width: 50%;
        padding-right: 2rem;
    }

    .listing-wrap {
        display: flex;
    }

    .listing-left {
        padding-right: 1.5rem;
        width: 30rem;
    }
	
	@media (max-width: 768px){
	.listing-left {
		width:90% !important;
		border:1px solid #000;
		}
	}
	
    .listing-right {
        padding-left: 1.5rem;
        flex: 1;
    }

    .download-app a img {
        width: 25px;
    }

    .footer-nav-main {
        justify-content: space-around;
        display: flex;
    }

    .footer-main .footer-widget-title {
        font-size: 18px;
    }

    .footer-main .para-line {
        color: #000000;
        font-size: 1.0em;
    }

    .footer-nav-main .footer-widget-title {
        font-size: 1.5em;
    }

    .footer-nav-main .footer-menu a {
        color: #000000;
        font-size: 0.95em;
    }

    .modal-inner.md {
        min-width: 900px;
        max-width: 900px;
    }

    .freelancer-list {
        margin-top: 4rem;
    }

    .prod-section-body {
        grid-template-columns: repeat(auto-fit, minmax(435px, 1fr));
    }

    .carousel-curve.lg {
        height: 80vh;
        max-height: 800px;
    }

    .custom-btn.sm {
        min-height: 38px;
    }

    .custom-btn {
        min-height: 50px;
    }

    .news-list>li:first-child {
        grid-column: 1 / span 2;
    }

    .news-list>li:nth-child(4) {
        grid-column: 1 / span 2;
    }

    .news-list>li:nth-child(5) {
        grid-column: 3 / span 2;
    }

    .register-type-btn>button {
        height: 52px;
    }

    .modal-inner.sm {
        min-width: 600px;
    }

    .modal-inner.md {}

    .modal-inner.lg {}

    .prod-body-section .custom-table {
        width: 60%;
    }

    .skill-chips-wrap ul>li:not(:last-child) {
        margin-left: 0.25rem;
    }

    .skill-chips-wrap ul {
        margin-left: 1rem;

        justify-content: flex-start;
    }

    .cat-section-body {
        min-height: 162px;
    }

    .cat-section-body .carousel .sliderTray___-vHFQ>li {
        padding-bottom: 178px !important;
    }

    .landing-carousel-inner {
        padding: 1rem 4rem;
    }

    .career-img {
        height: 295px;
        object-fit: cover;
        object-position: 50% 20%;
    }

    .dimension-img img {
        max-height: 360px;
        max-width: 480px;
        object-fit: contain;
    }

    .order-details-section .order-total-block {
        width: 500px;
    }

    .order-header {
        padding: 0 1rem 1rem;
    }

    .order-product-wrap {
        padding-left: 4rem;
    }

    .store-section-body.premium>a:nth-child(3) .store-img-wrap {
        height: calc(600px + 1rem);
    }

    .store-section-body.premium>a:nth-child(1) {
        grid-column: 1 / span 3;
    }

    .store-section-body.premium>a:nth-child(3) {
        grid-column: 5 / span 2;
        grid-row: 1 / span 2;
    }

    .store-section-body.premium>a:nth-child(4) {
        grid-column: 1 / span 2;
    }

    .store-section-body.premium>a:nth-child(5) {
        grid-column: 3 / span 2;
    }

    .prod-section-inner {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cart-left {
        width: 50%;
    }

    .back-top {
        margin-bottom: 4rem;
    }

    .categories-left>*:not(:last-child) {
        margin-bottom: 1rem;
    }

    .categories-right {
        margin-left: 2rem;
    }

    .categories-left {
        width: 14rem;
    }

    .row-center-center {
        flex-direction: row !important;
    }

    .row-center {
        flex-direction: row !important;
    }

    .resp-view {
        display: none;
    }

    .spacium-design-form input,
    .spacium-design-form select,
    .spacium-design-form .custom-text {
        min-width: 400px;
        max-width: 400px;
    }

    .btn-footer {
        flex-direction: row !important;
        justify-content: space-between;
    }

    .login-wrap>* {
        width: 50%;
    }

    .login-wrap>*:not(.without-pad):first-child {
        padding-right: 2rem;
    }

    .login-wrap>*:not(.without-pad):last-child {
        padding-left: 2rem;
    }

    .login-wrap:not(.without-border)>div:not(:last-child),
    .border-right-1 {
        border-right: 1px solid #909090;
    }

    .about-grid>div:first-child {
        flex: 1;
    }

    .about-img {
        max-width: 35%;
    }

    .community-section .about-img {
        max-width: 100%;
    }

    .about-grid>div:nth-child(odd) {
        margin-right: 6rem;
    }

    .community-section .about-grid>div:nth-child(odd) {
        margin-right: 1rem;
    }

    .spacium-rewards-img {
        width: 50%;
        display: flex;
        align-items: flex-end;
    }

    .community-img>img:last-child {
        height: 400px;
    }

    .community-img>img:first-child {
        margin-right: 2rem;
        position: relative;
        top: 2.5rem;
        height: 270px;
    }

    /* .footer-right {
  padding-left: 5rem;
} */
    .corporate-left img {
        height: 350px;
        object-fit: cover;
        object-position: center;
    }

    .corporate-carousel-wrap .carousel__inner-slide,
    .corporate-carousel-wrap .carousel>div:not(.corporate-carousel-btn) {
        height: 500px;
    }

    .corporate-inner>div {
        width: 50%;
		max-height:600px;
    }

    .corporate-right {
		position: absolute;
        right: 0;
        bottom: 0;
    }

    .corporate-fixed {
        width: 50%;
        height: 350px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 10rem;
    }

    .community {
        max-width: 550px;
    }

    .vital-community {
        max-width: 400px;
    }

    .corporate-img {
        margin-right: 2rem;

        height: 600px;
    }

    a {
        cursor: pointer;
    }

    .mdl-xl {
        width: 90vw;
    }

    .mdl-lg {
        width: 80vw;
    }
}

@media only screen and (max-width: 768px) {
    .magazine-filter {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .magazine-filter>*:not(:last-child) {
        margin-bottom: 1rem;
    }

    .mob-spacing-md {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .filters {
        white-space: nowrap;
        overflow-x: scroll;
    }

    .designer-logo {
        margin: 2rem auto 1rem;
        display: block;
        width: max-content;
    }

    .designer-header {
        grid-template-columns: repeat(1, 1fr);
    }

    .designer-right img {
        width: 50%;
    }

    .designer-wrap {
        flex-direction: column-reverse;
    }

    .spotlight-left img {
        min-height: 350px;
        max-height: 350px;
    }

    .blog-container {
        flex-direction: column !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .blog-detail-container {
        width: 100%;
    }

    .blog-detail-header {
        height: 190px;
    }

    .blog-detail-header-left {
        padding: 10px;
    }

    .blog-detail-header-left p {
        display: none;
    }

    .blog-detail-header img {
        object-fit: cover;
    }

    .blog-block-col {
        width: 100% !important;
    }

    .blog-blocks-column {
        display: block;
    }

    .blog-block-left {
        width: 50% !important;
    }

    .container {
        flex-direction: column !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: block !important;
        flex-wrap: nowrap !important;
    }

    .mem-lane-img-mb {
        display: None !important;
    }

    .mem-lane-main-left-mb {
        max-width: 100% !important;
    }

    .mem-lane-main-right-mb {
        max-width: 100% !important;
        width: 100% !important;
    }

    .mem-lane-bottom-mb {
        margin-bottom: 30px;
    }

    .mem-lane-map-btn {
        margin: auto;
    }

    .blog-srch-mb {
        min-width: 100% !important;
    }

    .blog-category-sec-mb {
        margin-bottom: 77px;
    }

    .mem-lane-user-mb {
        width: 90% !important;
        margin-bottom: 25px !important;
    }

    .mem-lane-user-main-mb {
        display: block !important;
        height: auto !important;
    }

    .mem-lane-user-profile-mb {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .diy-flex-section-mb {
        height: auto !important;
    }

    .diy-flex-mb {
        display: block !important;
        width: 90%;
        height: auto;
    }

    .diy-flex-block-mb {
        width: 100% !important;
        height: auto;
    }

    .diy-flex-text-right-mb {
        /* top: 4% !important;
  left: 7% !important; 
  position: absolute !important;  */
    }

    .diy-flex-text-left-mb {
        /* top: -91% !important; */
        left: 3% !important;
    }

    .div-flex-last-mb {
        margin-top: 2% !important;
    }

    .dyi-latest-block {
        display: block !important;
        height: auto;
    }

    .dyi-latest {
        width: 90%;
    }

    .dyi-latest-block-right {
        width: 100% !important;
        height: 75% !important;
    }

    .dyi-latest-block-left {
        top: 0% !important;
        width: auto;
    }

    .dyi-ssbhp-main {
        width: 90%;
    }

    .diy-steps-sec img {
        object-fit: contain;
        width: 100% !important;
        height: 100% !important;
    }

    .dyi-sphb {
        display: block !important;
        height: auto !important;
    }

    .dyi-sphb-block {
        width: 100% !important;
    }

    .diy-cover {
        height: auto;
    }

    .diy-step-num {
        width: 35% !important;
    }

    .diy-steps-header {
        font-size: 20px;
    }

    .dyi-comm-button {
        margin-top: 0px !important;
    }

    .quiz-all {
        width: 100%;
    }

    .exp-magz-comm {
        margin-top: 10px;
    }

    .exp-magz-comm-btn {
        margin: auto;
    }

    .magazine-search-sec {
        display: block;
    }

    .magazine-srch-slug-mb {
        width: 90%;
        margin: auto;
    }

    .magazine-search-wrap {
        margin-top: 15px;
        width: 300px !important;
        border-radius: 23px !important;
    }

    .sidebar {
        min-width: 100% !important;
        padding-left: 0 !important;
    }

    .blog-wrap p {
        margin: 0 !important;
    }

    .blog-wrap img {
        height: auto !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100% !important;
    }

    .community-carousel-wrap {
        height: 385px;
    }

    .search-container svg {
        left: 3rem;
        width: 17px;
        /*display: none;*/
    }

    .search-bar {
        padding: 0.65rem 0.65rem 0.65rem 3.6rem;
        font-size: 13px;
    }
	
	@media (max-width:450px){
		margin-top:20px !important;
	}

    .search-container {
        width: 68%;
    }

    .blog-block>div:first-child {
        flex: 1;
        background: #f1f1f1;
        z-index: 99;
        width: 100%;
    }

    .blog-block-img {
        width: 30%;
    }

    .blog-block img {
        width: 100%;
    }

    .myCart-section+.prod-section .prod-section-body._2 {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .faded {
        height: 70%;
        display: none;
    }

    .footer.mob .footer-widget {
        display: block;
    }

    .footer.mob .connect-social { 
        justify-content: center;
    }

    .footer.mob .footerHelpSec {
        justify-content: center;
        display: flex;
    }

    .footer.mob .footerHelpSec a {
        margin-left: 10px;
    }

    .footer.mob .footer-menu {
        text-align: center;
        margin-right: 0 !important;
    }

    .footer-menu {
        text-align: center;
    }

    .footer-menu .footer-widget-title {
        margin-bottom: 8px;
    }

    .footer-menu .footer-widget-title+p {
        margin-bottom: 10px;
        font-weight: 500;
        color: #000;
        font-size: var(--lengthSm3);
    }

    .magazine-section .color-primary {
        font-size: 1.4em;
        padding-top: 7px;
    }

    .community-section .about-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 0rem;
    }

    .custom-desc-section h2 {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 1.8em;
    }

    .custom-desc-section h3 {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 1em;
        padding-top: 1.8em;
    }

    .coming-soon-txt {
        top: 0.8em !important;
        left: 11px !important;
        font-size: 0.9em !important;
    }

    .comingSoonImgBig {
        width: auto;
        margin-bottom: 2em;
        max-width: 100%;
    }

    .blog-carousel-btn {
        display: flex;
        justify-content: center;
        margin-top: 1rem;
    }

    .blog-carousel-btn>*:not(:last-child) {
        margin-right: 2rem;
    }

    .blog-carousel .carousel__inner-slide,
    .blog-carousel .carousel>div:not(.blog-carousel-btn) {
        height: 565px;
    }

    .category-carousel-button {
        display: none;
        justify-content: center;
        margin-top: 1rem;
    }

    .category-carousel-button>*:not(:last-child) {
        margin-right: 2rem;
    }

    .categories-slide .carousel__inner-slide,
    .categories-slide .carousel>div:not(.category-carousel-button) {
        height: 100% !important;
    }

    .magazines-carousel-slide {
        height: 100%;
    }

    .magazines-slide {
        height: 100%;
    }

    .magazine-cover {
        height: auto !important;
        width: auto !important;
    }

    .magz-carousel-mb {
        height: 490px;
    }

    .magazine-carousel-header {
        font-size: 25px;
        margin-bottom: 0px;
    }

    .magazine-name {
        height: auto;
        padding-top: 0px;
        padding-left: 0px;
    }

    .magazines-slide .carousel__inner-slide,
    .magazines .carousel>div:not(.magazine-carousel-button) {
        height: 100%;
    }

    .magazine-carousel-button {
        display: none;
    }

    .blog-main-block img {
        height: 250px;
        object-fit: cover;
    }

    .blog-main-block {
        height: 250px;
    }

    .blog-main-block {
        flex-direction: column;
    }

    .about-block p {
        margin-bottom: 2rem;
    }

    .about-block>*:first-child {
        margin-bottom: 1.5rem;
    }

    .about-block {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .quiz-main h3 {
        display: flex;
    }

    .quiz-main-img img {
        max-width: 100%;
    }

    .magazine-carousel-wrap .horizontalSlider___281Ls,
    .magazine-block {
        height: 250px;
    }

    .memory-section img {
        max-width: 100%;
        margin-top: 1rem;
    }

    .community-carousel-btn {
        top: 40px;
        right: 1rem;
    }

    .spot-block img,
    .quiz-block>img {
        width: 100%;
        object-fit: cover;
        margin-bottom: 1rem;
        height: 125px;
    }

    .com-block {
        padding: 1.25rem;
    }

    .community-banner-left,
    .spotlight-left {
        margin-bottom: 2rem;
    }

    .landing-header h5 {
        margin-bottom: 1rem;
    }

    /* .landing-header {
  border: 3px solid rgb(255 255 255 / 35%);
} */
    .filter-btn {
        position: absolute;
        right: 1rem;
        top: -1rem;
        background: transparent;
        border: 0;
        width: 50px;
        height: 50px;
        z-index: 1;
        border-radius: 8px;
        overflow: hidden;
    }

    .filter-btn img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .box-collapse {
        width: 100%;
        background: #f6f6f6;
        /*border-radius: 10px;*/
    }

    .collapse.in {
        background: #f6f6f6 !important;
        padding: 5px;
    }

    .modal-body {
        max-height: calc(100vh - 6rem);
        overflow-y: auto;
    }

    .modal-inner.xl {
        width: 100%;
        margin: 1rem;
    }

    .prod-section-body._5>div:nth-child(5) {
        display: none;
    }

    .listing-left {
        padding-bottom: 40px;
    }
	
	@media (max-width:450px){
		.listing-left {
    		display:none;
    	}
	}

    .carousel-curve .curve-inner {
        height: 220px;
    }

    .letterHeadWaterMark {
        width: 80%;
        right: -14%;
        bottom: 0.4%;
    }

    .cat-section-inner,
    .store-section-inner {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .mob-column>*:not(:last-child) {
        margin-right: 0 !important;
    }

    .social-links {
        margin-top: 1rem;
        margin-bottom: 0.8rem;
    }

    .social-links>li,
    .social-links a {
        color: var(--colorLabel);
    }

    .footer.mob .social-icons svg {
        fill: #fff;
    }

    .footer.mob .social-icons a {
        background: var(--colorText);
        padding: 0 !important;
        line-height: 0;
    }

    .register-type-btn>button {
        height: 54px;
    }

    .img-placeholder svg {
        width: 6rem;
        height: 6rem;
    }

    .img-placeholder {
        height: 250px;
    }

    .btn-loader {
        height: 12px;
    }

    .btn-loader::after,
    .btn-loader::before {
        height: 12px;
    }

    .mob-mr-0 {
        margin-right: 0 !important;
    }

    .payment-form {
        padding: 2rem 1rem;
    }

    .prod-body-section .custom-table {
        width: 100%;
    }

    .prod-main-inner>*:not(:last-child) {
        margin-bottom: 2rem;
    }

    .skill-chips-wrap ul>li:not(:last-child) {
        margin-right: 0.25rem;
    }

    .skill-chips-wrap ul {
        flex-wrap: nowrap;
    }

    .radio-style {
        overflow-x: auto;
    }

    .footer-big {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .store-section-inner {
        padding-left: 0;
        padding-right: 0;
    }

/*    .landing-carousel-inner img {
        height: 80px;
    }*/

    .cart-empty svg {
        width: 5rem;
        height: 5rem;
    }

    .custom-btn {
        padding: 0.6rem 1.5rem;
        min-height: 38px;
    }

    .curve-inner {
        width: 300vw;
    }

    .cat-section-body {
        min-height: 108px;
    }

    .landing-banner-wrap {
        width: 100%;
    }

    .landing-header span,
    .landing-header h5 {
        max-width: none;
    }

    .row-section:not(.mob-column)._1_5>*:not(:last-child) {
        margin-right: 1.5rem;
    }

    .row-section:not(.mob-column)._1>*:not(:last-child) {
        margin-right: 1rem;
    }

    .row-section:not(.mob-column)._0_5>*:not(:last-child) {
        margin-right: 0.5rem;
    }

    .row-section:not(.mob-column)._3>*:not(:last-child) {
        margin-right: 3rem;
    }

    .footer-nav-main {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .dimension-img img {
        width: 100%;
        object-fit: contain;
        max-height: 300px;
    }

    .prod-mob-row {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .prod-mob-row>* {
        margin-bottom: 1rem;
    }

    .prod-img .img-carousel div:not(.carousel-thumbnail),
    .prod-img,
    .prod-img .container___2O72F>div {
        height: 300px;
    }

    .prod-img {
        width: 100%;
    }

    .prod-main-wrap {
        display: flex;
        flex-direction: column-reverse;
    }

    .prod-main-inner {
        padding: 2rem 0;
        width: 100%;
        position: relative;
    }

    .order-header h4 {
        margin-right: 0.5rem;
    }

    .order-product-status {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }

    .mob-align-start {
        align-items: flex-start;
    }

    .order-product-block {
        padding: 1rem 0;
    }

    .store-section-body {
        grid-gap: 1rem;
    }

    .rewards-inner img {
        height: 100px;
    }

    .header-m-0 .mob-section-header {
        margin: 0;
    }

    .skill-chips-wrap {
        max-width: 130px;
        overflow-x: scroll;
        white-space: nowrap;

        margin-top: 0.25rem;
    }

    .mob-w-max {
        width: max-content;
    }

    .custom-btn.mob-w-max {
        min-width: auto;
    }

    .mb-3 {
        margin-bottom: 2rem;
    }

    .compare-fields li {
        white-space: nowrap;
    }

    .compare-fields ul {
        margin-top: calc(190px + 2rem);
    }

    .ab {
        width: 40px;
        height: 40px;
    }

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

    .compare-wrap {
        overflow-x: scroll;
    }

    .mob-section-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .mob-section-header h1 {
        margin: 0;
    }

    .mob-section-header a {
        height: 35px;
        display: flex;
        align-items: center;
    }

    .mob-section-header img {
        height: 18px;
    }

    .address-inner p {
        line-height: 1.75;
    }

/*    .cart-table-wrap {
        overflow-x: scroll;
    }*/

    .row-field>label {
        min-width: 5rem;
    }

    .cart-table th,
    .cart-table td {
        padding: 0.5rem 1rem;
    }

    .ab.sm {
        width: 32px;
        height: 32px;
    }

    .category-block h5 {
        margin-top: 8px;
        font-size: 8px !important;
    }

    .cat-section-body .carousel__inner-slide {
        width: calc(100% - 22px);
        left: 12px;
    }
	
	@media screen and (max-width: 768px) { 
	  .cat-section-body { 
		max-width: 100% !important;
	  } 
	}

    .category-block img {
        max-width: 100%;
        width: auto;
        height: 30px;
    }

    .category-img-wrap {
        padding: 0.75rem 0.5rem;
    }

    .categories-left {
        display: flex;
        overflow-x: scroll;
    }

    .categories-left>* {
        min-width: 95px;
    }

    .categories-left>*:not(:last-child) {
        margin-right: 1rem;
    }

    .active-link .active-link-indicator {
        display: block;
    }

    .active-link-indicator {
        width: 6px;
        height: 6px;
        content: "";
        background: var(--colorPrimary);
        border-radius: 50%;
        /* position: absolute; */
        /* bottom: 1rem; */
        /* left: 50%; */
        /* transform: translate(-50%, 0); */
        display: none;
        animation: scale-in-center 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    }

    .footer {
        margin-bottom: 45px;
    }

    .mob-nav {
        position: fixed;
        z-index: 9999;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        box-shadow: var(--shadow4);
        background: #fff;
    }
	

	@media screen and (max-width: 800px) { 
	  .mob-nav { 
		display: block !important;
	  } 
	}


    .mob-nav ul {
        display: flex;
    }

    .mob-nav li {
        flex: 1;
    }

    .mob-nav li img.md {
        height: 16px;
    }

    .mob-nav li img {
        height: 22px;
    }

    .mob-nav li a {
        font-size: var(--lengthSm1);
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.4s all ease;
        position: relative;
    }

    .mob-nav li a>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mob-nav li .icon-container {
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mob-nav li a svg {
        height: 18px;
        transition: 0.4s all ease;
    }

    .mob-nav li a.active-link {
        color: var(--colorPrimary);
    }

    .mob-nav li a.active-link svg {
        fill: var(--colorPrimary);
    }

    .wishlist-btn svg {
        width: 14px;
        height: 14px;
    }

    .product-block .wishlist-btn {
        right: 0.5rem;
        top: 0.5rem;
    }

    .wishlist-btn {
        width: 32px;
        height: 32px;
    }

    .prod-section-body {

        grid-gap: 2rem 1rem;
    }

    .product-body {
        padding: 0.5rem 0.75rem;
    }

    .mob-overflow {
        grid-template-columns: repeat(4, 200px) !important;
        overflow-y: scroll;
    }

    .home-service-block {
        padding: 1.5rem;
    }

    .news-block img,
    .store-section-body.premium .store-img-wrap,
    .store-img-wrap {
        height: 150px;
    }

    .news-list,
    .prod-section-body._3,
    .prod-section-body._4,
    .prod-section-body._5,
    .store-section-body._6 {
        grid-template-columns: repeat(2, 1fr);
    }

    .easy-installment img {
        height: 50px;
        margin: 1rem 0 0 auto;
    }

    .carousel-dots {
        bottom: 0.5rem;
    }

    .ab.md svg {
        width: 16px;
        height: 16px;
    }

    .ab.md {
        width: 30px;
        height: 30px;
    }

    .category-carousel-btn>button {
        top: 26%;
    }

    .landing-module a,
    .easy-installment {
        padding: 1rem 1.5rem;
    }

	@media (max-width: 768px){
		.landing-module a{
			width:100% !important;
		}
	}
	
	@media (max-width: 968px){
		.landing-module a{
			width:100% !important;
		}
	}

    .landing-module,
    .landing-carousel-inner,
    .carousel-wrap {
        max-height: 250px;
    }
	
@media (max-width:360px){
	.landing-module{
		max-height:220px;
	}
}	

    .custom-form.grid,
    .custom-grid {
        grid-gap: 1.5rem;
    }

    .uploaded-img-wrap>img {
        height: 225px;
    }

    /* p1 */
    .store-info,
    .categories-left,
    .categories-right,
    .compare-btns {
        padding: 1rem;
    }

    .carousel-thumbnail button {
        width: 50px;
        height: 50px;
    }

    .seller-img,
    .seller-img .container___2O72F>div {
        height: 300px;
    }

    .freelancers.radio-style .radio-style-placeholder {
        padding: 0.45rem;
    }

    .mob-column.mob_0_5>*:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .mob-column.mob_2>*:not(:last-child) {
        margin-bottom: 2rem;
    }

    .mob-column.mob_1>*:not(:last-child),
    .categories-left {
        margin-bottom: 1rem;
    }

    .sq-text {
        position: absolute;
        top: 0;
        right: 0;
    }

    .mob-m-0 {
        margin: 0;
    }
	
	.mob-m-1 {
        margin: 10px;
    }

    .desk-view {
        display: none;
    }

    .prod-section-header {
        flex-direction: column;
        align-items: center;
    }

    .prod-section-header>*:not(:last-child) {
        margin-bottom: 1rem;
    }

    .successful svg {
        width: 4rem;
        height: 4rem;
    }

    .spacium-design-form input,
    .spacium-design-form select {
        width: 100%;
    }

    .check-wrap {
        display: block;
    }

/*    .carousel-curve {
        height: 225px;
    }*/

    .project-block img,
    .carousel-curve.sm {
        height: 200px;
    }

/*    .product-img,
    .product-img-placeholder {
        height: 350px;
    }*/

    .cv-map-mb {
        width: 100% !important;
    }

    .custom-radio {
        flex: 1;
    }

    .radio-style-placeholder {
        padding: 0.45rem 0;
        min-width: auto;
    }

    .btn-footer>* {
        width: 100%;
    }

    .btn-footer>*:not(:last-child) {
        margin-bottom: 1rem;
    }

    .sign-header {
        margin-bottom: 2rem;
    }

    .login-wrap>*:not(:last-child) {
        padding-bottom: 2rem;
        border-bottom: 1px solid var(--colorGrey2);
        margin-bottom: 2rem;
    }

    .balsa-progress {
        height: 18px;
    }

    .landing-banner-wrap a,
    .offer-inner a {
        min-width: 200px;
    }

    .about-grid>div:nth-child(1) {
        order: 1;
    }

    .about-grid>div:nth-child(2) {
        order: 2;
    }

    .about-grid>div:nth-child(3) {
        order: 4;
    }

    .about-grid>div:nth-child(4) {
        order: 3;
    }

    .about-grid>div:nth-child(5) {
        order: 5;
    }

    .about-grid>div:nth-child(6) {
        order: 6;
    }

    .mt-4 {
        margin-top: 2rem;
    }

    .about-grid>div {
        margin-bottom: 2rem;
    }

    .reward-img {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        object-fit: contain;
    }

    .spacium-rewards-img {
        display: flex;
        margin-top: 2rem;
    }

    .community-img {
        display: flex;
        margin-top: 2rem;
    }

    .community-img img {
        width: calc(50% - 0.5rem);
    }

    .community-img>*:not(:last-child) {
        margin-right: 1rem;
    }

    .vital-community {
        margin-bottom: 2rem;
    }

    .footer-right {
        text-align: center;
        justify-content: center;
    }

    .footer-left>div {
        justify-content: center;
    }

    .footer-left {
        text-align: center;
    }

    .footer-inner {
        flex-direction: column;
    }

    .home-contact-right>*:not(:last-child) {
        margin-bottom: 2rem;
    }

    .home-contact-left {
        text-align: center;
        margin-bottom: 2rem;
    }

    .landing-banner-wrap a {
        margin-top: 1rem;
    }

    .offer-inner a {
        margin-top: 2rem;
    }

    .offer-section {
        height: 250px;
        background-size: auto;
    }

    .offer-inner h4 {
        font-size: 1.75rem;
    }

/*    .service-img img {
        height: 24px;
    }

    .service-img {
        width: 60px;
        height: 60px;
    }*/

    .gap-4 {
        grid-gap: 2rem;
    }

    .grid._3,
    .custom-grid._3 {
        grid-template-columns: repeat(1, 1fr);
    }

    .corporate-left {
        margin-top: 1rem;
    }

    .corporate-carousel-wrap .carousel__inner-slide,
    .corporate-carousel-wrap .carousel>div:not(.corporate-carousel-btn),
    .corporate-left img {
        width: 100%;
    }

    .corporate-inner {
        flex-direction: column-reverse;
        padding-right: 1rem;
        padding-left: 1rem;
        margin-right: auto;
        margin-left: auto;
        margin-top: 2rem;
    }

    .flex-space {
        flex-wrap: wrap;
    }

    .corporate-img {
        width: 100%;
        margin-bottom: 2rem;
    }

    .carousel-curve.flat.sm,
    .carousel-curve.flat.lg {
        height: 250px;
    }

    .carousel-curve.flat.lg {
        height: 340px;
    }

    .corporate-header,
    .corporate-header.md {
        font-size: 2.5rem;
        margin-top: 6rem;

        max-width: 225px;
    }

    .grid._4,
    .custom-grid._4,
    .grid._2,
    .custom-grid._2 {
        grid-template-columns: repeat(1, 1fr);
    }

    .pad-top-lg {
        padding-top: 40px;
    }

    .pad-bottom-lg {
        padding-bottom: 40px;
    }

    .pad-top-md {
        padding-top: 15px;
    }

    .pad-bottom-md {
        padding-bottom: 5px;
    }

    .pad-top-sm {
        padding-top: 20px;
    }

    .pad-bottom-sm {
        padding-bottom: 5px;
    }

    /* fstart */
    .text-lg-4,
    .landing-header {
        font-size: 2.5rem;
    }

    .text-lg-3 {
        font-size: var(--lengthLg2);
    }

    .text-lg-4 {
        font-size: var(--lengthLg4);
    }

    .text-lg-5 {
        font-size: var(--lengthLg4);
    }

    .text-lg-2,
    .balsa-body h5 {
        font-size: var(--lengthLg1);
    }

    .text-lg-1,
    .main-header,
    .banner-header,
    .successful h1 {
        font-size: var(--lengthMd3);
    }

    .text-md-3,
    .sub-header {
        font-size: var(--lengthMd2);
    }

    .text-md-2,
    .balsa-header h4,
    .custom-form>div>span:not(.custom),
    .pricing-header,
    .sec-header,
    .order-total-block span,
    .contact-right label,
    .landing-header span,
    .landing-header h5,
    .cart-empty h5 {
        font-size: var(--lengthMd1);
    }

    .text-md-1,
    .accordion-header h5,
    .product-body a,
    .form-style h6,
    .column-field>label,
    .column-field>span,
    .news-block a h5,
    .product-footer,
    .cart-table th,
    .cart-description>a,
    .cart-item-price .current-price,
    .row-field,
    .order-total-block label,
    .compare-fields li,
    .product-fields li,
    .order-product-price,
    .custom-table th {
        font-size: var(--lengthSm3);
    }

    .text-sm-3,
    .custom-btn,
    .radio-style-placeholder,
    .uploaded-file h6,
    .grey-block h5,
    .grey-block a,
    .cart-description *,
    .custom-table td {
        font-size: var(--lengthSm3);
    }

    .badge,
    .chip,
    .text-sm-2,
    .category-block h5,
    .social-links a {
        font-size: var(--lengthSm1);
    }

    /* dnone */
    .welcome-image img,
    .nav-menu,
    .radio-style-placeholder svg,
    .filter-list,
    .top-curve,
    .cart-table thead>tr>th:first-child,
    .cart-table tbody tr>td:first-child,
    .order-product-img,
    .designer-right {
        display: none;
    }

    /* fcolumn */

    .nav-links,
    .home-contact-inner,
    .mob-column,
    .home-contact-right,
    .login-wrap,
    .categories-wrap {
        flex-direction: column;
    }

    /* w100 */
    .trial-right>.input-style,
    .prod-main-wrap>div,
    .mob-w-100 {
        width: 100%;
    }
}

/* loader-start */
.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--colorPrimary);
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {

        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

/* loader-end */

/* tabs */
@media (min-width: 1200px) {
    /* .quiz-section {
  margin-top: -140px !important;
} */
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .login-wrap>* {
        width: auto;
    }

    .view-type {
        margin: auto;
    }

    .listing-left {
        padding-right: 1.5rem;
        width: 15rem;
    }

    .filter-list {
        justify-content: space-between;
        margin-top: 0.5rem;
    }

    .filter-list>div:not(:last-child) {
        margin-bottom: 1rem;
    }

    .nav-links>li>a,
    .nav-icons>div>a {
        padding: 0px 0.2rem !important;
        /* font-size: 11px !important; */
    }

    .nav-wrap,
    .nav-right,
    .nav-links,
    .nav-links li,
    .nav-icons {
        justify-content: center !important;
    }

    .nav-links li:nth-child(4),
    .nav-links li:nth-child(5) {
        display: none;
    }

    .nav-logo .img-wrap {
        padding-right: 3em !important;
    }

    .landing-header span,
    .landing-header h5 {
        font-size: 1.3rem !important;
    }

    .landing-banner-wrap {
        top: 28% !important;
    }

    .sign-block {
        width: 305px !important;
        padding: 1.1rem 1.5rem !important;
    }

    .sign-up-wrap p {
        font-size: 14px;
    }

    .sign-up-wrap h5 {
        font-size: 16px;
    }

    .main-carousel-section .project-block img,
    .main-carousel-section .carousel-curve.flat {
        min-height: 500px !important;
    }

/*    .category-img-wrap {
        padding: 2.05rem 0.5rem;
    }*/

    .prod-section-body._5 {
        grid-template-columns: repeat(3, 1fr);
    }

    .prod-section-body._5>div:nth-child(4),
    .prod-section-body._5>div:nth-child(5) {
        display: none;
    }

    .store-section-body._6 {
        grid-template-columns: repeat(4, 1fr);
    }

    .home-contact-inner,
    .home-contact-right {
        align-items: baseline;
    }

    .home-contact-inner>div,
    .home-contact-right>div {
        margin-left: 15px;
    }

    .home-service-section .grid._4,
    .home-service-section .custom-grid._4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-inner {
        display: grid;
    }

    .footer-mid {
        margin-bottom: 18px;
    }

    .social-links {
        justify-content: start;
    }

    .footer-right {
        justify-content: start;
    }

/*    .community-inner-section .grid._2,
    .custom-grid._2 {
        grid-template-columns: repeat(1, 1fr);
    }*/
	
    .about-grid>div,
    .community {
        max-width: 100%;
    }

    .community-section .flex-space {
        display: block;
    }

    .community-section .vital-community {
        max-width: 100%;
        margin-bottom: 2em;
    }

    .community-section .community-img {
        display: flex;
    }

    .community-section .community-img img {
        width: calc(50% - 0.5rem);
        height: 370px;
        top: 0;
        object-fit: cover;
    }

    .community-section .community {
        margin-bottom: 2em;
    }

    .footer-nav-main {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .seller-header {
        flex-direction: column;
    }

    .seller-header-container {
        height: 940px !important;
    }

    .seller-header-bg {
        height: 990px !important;
    }

    .seller-map {
        padding-left: 0px !important;
        display: flex;
        justify-content: center;
    }

    .spacium-experience-box {
        top: 25px !important;
    }

    .experience-container {
        flex-direction: column !important;
    }

    .experience {
        margin-top: 20px !important;
    }

    .spacium-experience {
        height: 1500px !important;
    }

    .spacium-benefits {
        top: 1300px !important;
    }

    .tab-container {
        width: 100% !important;
    }

    .marks_group {
        right: -36px !important;
    }

    .connect-box {
        width: 70% !important;
    }

    .connect-box-img-2 {
        right: -240px !important;
    }

    .connect-box-img-2 img {
        width: 80% !important;
    }

    .connect-box-img-1 {
        top: 85px !important;
        right: -300px !important;
    }

    .connect-box-img-1 img {
        width: 80% !important;
    }

    .selling-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .selling-list {
        display: flex;
        gap: 100px;
        justify-content: center;
        margin-top: 64px;
    }
}

@media only screen and (max-width: 768px) {
    .seller-header {
        flex-direction: column;
    }

    .seller-header-container {
        height: 880px !important;
    }

    .seller-header-bg {
        height: 990px !important;
    }

    .seller-map {
        padding-left: 0px !important;
    }

    .spacium-experience-box {
        top: 25px !important;
    }

    .experience {
        margin-top: 20px !important;
    }

    .spacium-experience {
        height: 1380px !important;
    }

    .spacium-benefits {
        top: 1100px !important;
    }

    .tab-container {
        width: 100% !important;
    }

    .customer_storefront_content {
        padding-top: 0px !important;
    }

    .seller-resource-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .seller-resource-box-container {
        justify-content: center !important;
        margin-top: 20px;
    }

    .marks_group {
        right: -144px !important;
    }

    .marks_group img {
        width: 70% !important;
    }

    .connect-box {
        width: 80% !important;
    }

    .connect-box-img-2 {
        right: -310px !important;
        top: -265px !important;
    }

    .connect-box-img-2 img {
        width: 70% !important;
    }

    .connect-box-img-1 {
        top: 120px !important;
    }

    .connect-box-img-1 img {
        width: 70% !important;
    }

    .selling-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }

    .selling-list {
        display: flex;
        gap: 100px;
        justify-content: center;
        margin-top: 64px;
    }

    .spacium-benefits-data {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .interior-wrap {
        flex-wrap: wrap !important;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .seller-map {
        margin-top: 30px !important;
    }

    .seller-map img {
        width: 570px !important;
    }

    .why_spacium {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .laptop_img {
        margin-left: 0px !important;
    }

    .business-img {
        height: 240px !important;
    }

    .email-container {
        flex-direction: column !important;
    }

    .email-bar {
        width: 100% !important;
    }

    .selling-para {
        width: 60% !important;
    }

    .spacium-benefits {
        display: flex;
        justify-content: center;
    }

    .our_client_card {
        left: 30%;
        width: 450px;
    }
}

@media (max-width: 500px) {
    .seller-map img {
        width: 420px !important;
    }

    .seller-header-container {
        height: 800px !important;
    }

    .spacium-experience {
        height: 1300px !important;
    }

    .spacium-benefits {
        top: 1000px !important;
    }

    .spacium-experience-content {
        height: 950px !important;
    }

    .why_spacium {
        height: 535px !important;
    }

    .why_spacium_list {
        gap: 8px !important;
        flex-direction: column !important;
    }

    .customer_storefront_section {
        width: 75% !important;
    }

    .connect-box-img-2 {
        display: none !important;
    }

    .connect-box-img-1 {
        display: none !important;
    }

    .connect-box-container {
        height: 500px !important;
    }

    .selling-list {
        gap: 40px !important;
        margin-left: -40px;
    }

    .selling-container {
        margin-left: -20px !important;
    }

    .grow-business {
        padding: 0px 20px;
    }

    .our_client_card {
        left: 30%;
        width: 350px;
    }
}

@media (max-width: 420px) {
    .seller-map img {
        width: 380px !important;
    }

    .seller-header-container {
        height: 820px !important;
    }

    .marks_group {
        right: -195px !important;
    }

    .marks_group img {
        width: 60% !important;
    }

    .connect-box {
        height: 400px !important;
    }

    .business-container {
        padding: 0px 20px;
    }

    .selling-container {
        margin-left: -60px !important;
    }

    .grow-business {
        padding: 0px 10px;
    }
}

@media (min-width: 1199px) and (max-width: 1400px) {

    .nav-links>li>a,
    .nav-icons>div>a {
        padding: 8px 0.3rem !important;
        font-size: 12px !important;
    }

    .nav-wrap,
    .nav-right,
    .nav-links,
    .nav-links li,
    .nav-icons {
        justify-content: center !important;
    }

    .nav-logo .img-wrap {
        padding-right: 3em !important;
    }

    .landing-header span,
    .landing-header h5 {
        font-size: 2rem !important;
    }

    .landing-banner-wrap {
        top: 42% !important;
    }

    .sign-block {
        width: 305px !important;
        padding: 1.1rem 1.5rem !important;
    }

    .sign-up-wrap p {
        font-size: 14px;
    }

    .sign-up-wrap h5 {
        font-size: 16px;
    }
}

/* Form for Quizes */
.login-box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 40px;
}

.login-box h2 {
    margin: 0 0 30px;
    padding: 0;
    color: black;
    text-align: center;
}

.login-box .user-box {
    position: relative;
}

.login-box .user-box input {
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: black;
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid black;
    outline: none;
    background: transparent;
}

.login-box .user-box label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: black;
    pointer-events: none;
    transition: 0.5s;
    top: -20px;
}

.login-box form a {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    color: black;
    font-size: 16px;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    margin-top: 40px;
    letter-spacing: 4px;
}

.login-box a:hover {
    background: black;
    color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px black, 0 0 25px black, 0 0 50px black, 0 0 100px black;
}

.login-box a span {
    position: absolute;
    display: block;
}

.login-box a span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, black);
    animation: btn-anim1 1s linear infinite;
}

@keyframes btn-anim1 {
    0% {
        left: -100%;
    }

    50%,
    100% {
        left: 100%;
    }
}

.login-box a span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, black);
    animation: btn-anim2 1s linear infinite;
    animation-delay: 0.25s;
}

@keyframes btn-anim2 {
    0% {
        top: -100%;
    }

    50%,
    100% {
        top: 100%;
    }
}

.login-box a span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, black);
    animation: btn-anim3 1s linear infinite;
    animation-delay: 0.5s;
}

@keyframes btn-anim3 {
    0% {
        right: -100%;
    }

    50%,
    100% {
        right: 100%;
    }
}

.login-box a span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, black);
    animation: btn-anim4 1s linear infinite;
    animation-delay: 0.75s;
}

@keyframes btn-anim4 {
    0% {
        bottom: -100%;
    }

    50%,
    100% {
        bottom: 100%;
    }
}

.quiz-modal {
    background: #e7e7e7;
    box-sizing: border-box;
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.6);
    border-radius: 10px;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: absolute;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.quiz-container {
    width: 520px;
    height: 330px;
    overflow: hidden;
}

.quiz-header {
    padding: 0px;
}

.quiz-question-label {
    display: inline-block;
    cursor: pointer;
    font-weight: 500;
    min-width: 50%;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
}

.quiz-question-input {
    position: absolute;
    left: -9999px;
}

.quiz-question-input:checked+span {
    background-color: mix(#fff, #016257, 84%);
}

.quiz-question-input:checked+span:before {
    box-shadow: inset 0 0 0 0.4375em #016257;
}

.quiz-question-span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    border-radius: 99em;
    transition: 0.25s ease;
}

.quiz-question-span:hover {
    background-color: mix(#fff, #016257, 84%);
}

.quiz-question-span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #016257;
}

.quiz-ques-buttons {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5%;
}

#question {
    margin-bottom: 3%;
}

.w50 {
    width: 50%;
}

/* Apply CSS properties to ui-widgets class */
.ui-widgets {
    position: relative;
    display: inline-block;
    width: 10rem;
    height: 10rem;
    border-radius: 9rem;
    margin: 1.5rem;
    border: 1.2rem solid palegreen;
    box-shadow: inset 0 0 7px grey;
    border-left-color: palegreen;
    border-top-color: chartreuse;
    border-right-color: darkgreen;
    border-bottom-color: white;
    text-align: center;
    box-sizing: border-box;
}

/*  Apply css properties to the second 
child of ui-widgets class */
.ui-widgets:nth-child(2) {
    border-top-color: chartreuse;
    border-right-color: white;
    border-left-color: palegreen;
    border-bottom-color: white;
}

/*  Apply css properties to ui-widgets class 
and ui-values class*/
.ui-widgets .ui-values {
    top: 40px;
    position: absolute;
    left: 10px;
    right: 0;
    font-weight: 700;
    font-size: 2rem;
}

/*  Apply css properties to ui-widgets 
class and ui-labels class*/
.ui-widgets .ui-labels {
    left: 0;
    bottom: -16px;
    text-shadow: 0 0 4px grey;
    color: black;
    position: absolute;
    width: 100%;
    font-size: 16px;
}

.button-svg {
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    z-index: 1 !important;
    object-fit: fill !important;
}

.product-item {}

.product-item .down-content {
    padding: 20px 20px 0px;
    position: relative;
}

.product-item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    overflow: hidden;
}

.product-item .down-content h4 {
    font-size: 17px;
    color: black;
    margin-bottom: 20px;
}

.product-item .down-content h6 {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 18px;
    color: #121212;
}

.product-item .down-content p {}

.product-item .down-content ul li {
    display: inline-block;
}

.product-item .down-content ul li i {
    color: black;
    font-size: 14px;
}

.product-item .down-content span {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 13px;
    color: black;
    font-weight: 500;
}

.products {}

.products .filters {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 60px;
}

.products .filters li {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #121212;
    display: inline-block;
    margin: 0px 10px;
    transition: all 0.3s;
    cursor: pointer;
}

.products .filters ul li.active,
.products .filters ul li:hover {
    color: black;
}

.products ul.pages {
    margin-top: 30px;
    text-align: center;
}

.products ul.pages li {
    display: inline-block;
    margin: 0px 2px;
}

.products ul.pages li a {
    width: 44px;
    height: 44px;
    display: inline-block;
    line-height: 42px;
    border: 1px solid #eee;
    font-size: 15px;
    font-weight: 700;
    color: #121212;
    transition: all 0.3s;
}

.products ul.pages li a:hover,
.products ul.pages li.active a {
    background-color: black;
    border-color: black;
    color: #fff;
}

.header-carousel-wrap {
    position: relative;
}

@media (min-width: 768px) {
    .col-md-6 {
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        margin: 1%;
    }
}

.bottom-bar-memorylane-image {
    position: relative;
    bottom: 80px;
    right: 0;
    padding: 1%;
    margin: auto;
    background: rgba(0, 0, 0, 0.2);
}

.profileContainer-memorylane {
    display: inline-flex;
    width: 100%;
    justify-content: center;
}

.profileContainer-text-memorylane {
    color: white;
    text-align: left;
    align-self: center;
    width: 80%;
}

.profileContainer-text-title-memorylane {
    font-size: 12px;
    cursor: pointer;
}

.profileContainer-text-desc-memorylane {
    font-size: 11px;
}

/* For posts */

.profileContainer-post-text-memorylane {
    color: black;
    text-align: left;
    align-self: center;
    width: 80%;
}

.profileContainer-post-text-title-memorylane {
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

.profileContainer-post-text-desc-memorylane {
    font-size: 11px;
}

.image-gallery-thumbnails-wrapper {
    top: -120px !important;
}

.image-gallery-thumbnail {
    width: 120px !important;
    height: 100px !important;
    margin-right: 20px;
}

.image-gallery-thumbnail-image {
    height: 94px !important;
    border-radius: 7px !important;
}

.image-gallery-thumbnail,
.image-gallery-thumbnail {
    border-radius: 10px !important;
    outline: none;
    border: 4px solid white !important;
}

.image-gallery-slide .image-gallery-image {
    object-fit: cover !important;
    border-radius: 10px !important;
}

.image-gallery-thumbnails-container {
    text-align: left !important;
    margin-left: 20px !important;
}

.cart-qty {
    font-size: var(--lengthMd1) !important;
}

@media (max-width:450px){
	.cart-qty{
    font-size: var(--lengthSm3) !important;
	padding: 0px;
	}
}

.vendor-profile-img{
	position:absolute;
    bottom:6px;
	left:5px;
	height:18em;
	width:18em;
	object-fit: cover;
	background:#cccc;
}

.vendor-profile-img img{
	height:18em;
	width:100%;
	border:5px solid #fff;
	border-radius:8px;
}

@media (max-width:768px){
	.vendor-profile-img{
		height:12em;
		width:12em;
	}
}

@media (max-width:450px){
	.vendor-profile-img{
		height:10em;
		width:10em;
	}
}

.h-150{
	height:150px !important;
}

.h-200{
	height:200px !important;
}

.h-250{
	height:250px !important;
}

@media (max-width:450px){
	.h-250{
		height:150px !important;
	}
}

.h-275{
	height:275px !important;
}

.h-300{
	height:300px !important;
}

@media (max-width:992px){
	.h-300{
		height:248px;
	}
}

.h-300-customize-it{
	height: 300px;
}

@media (max-width:450px){
	.h-300-customize-it{
		height: 250px;
	}
}

.w-300{
	width:300px !important;
}

.h-350{
	height:350px !important;
}

@media (max-width:450px){
	.h-350{
		height:200px !important;
	}
}

.h-400{
	height:400px !important;
}

.h-500{
	height:500px !important;
}

.h-600{
	height:600px !important;
}

.h-700{
	height:700px !important;
}

textarea:focus, input:focus{
    outline: none;
}

/*Input type Radio as Button Starts*/
.bg-freelancer-1{
	background:#EBEBEB;
}

.bg-freelancer-2{
	background:#fff;
}

.radio-toolbar {
  border-radius: 8px;
  min-height: 130px;
  clear: both;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
    display: inline-block;
    background-color: #F8F8F8;
    padding: 10px 20px;
    border-radius: 4px;
	font-weight: 500;
	text-align: center;
	font-size: 16px;
}

.radio-toolbar label:hover {
  background-color: #006156;
  color:#fff;
  cursor: pointer;
}

/*.radio-toolbar input[type="radio"]:focus + label {
    border: 2px solid #444;
}*/

.radio-toolbar input[type="radio"]:checked + label {
    background-color: #006156;
    border-color: #006156;
	color:#fff;
}

.inp-typ-txt{
	background: #F8F8F8 !important;
	padding: 10px 20px !important;
	border: none !important;
	border-radius: .35rem;
	font-size: var(--lengthMd3) !important;
}

.inp-typ-txtarea{
	padding: 10px 20px !important;
	border-radius: .35rem;
	min-height:120px;
	font-size: var(--lengthMd3) !important;
/*	border:2px solid #cccccc !important;
*/	background:#fff !important;
}

.w-49{
	width:49% !important;
}

.pd-0{
	padding: 0px !important;
}

.pd-5{
	padding: 5px !important;
}

.pd-10{
	padding: 10px !important;
}

.pd-20{
	padding: 20px !important;
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
	font-size: var(--lengthsm3) !important;
	appearance: menulist;
}
/*Input type Radio as Button Ends*/

.errorTxt:empty{
    display: none;
}

.landing-blocks li{
	max-width: 100% !important;
	min-width:300px !important;
}

@media (max-width:650px){
	.cat-section-body{
		display:none!important;
	}
}

/*.cat-section-body{
	max-width:100% !important;
}

.owl-stage{
	display:none !important;
}*/

@media only screen and (max-width: 768px)
.footer-menu {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media all and (max-width: 1000px) {
  .mobile .col-y {
    float: left !important;
  }
}

.accordion-header.collapsed .icon 
{    
	background: url("../images/down-arrow.svg") no-repeat;
	background-size: 14px;
	background-position: center;
	/*background-color: var(--colorThemeGrey);*/
	
}

.accordion-header:not(.collapsed) .icon 
{
	background: url("../images/up-arrow.svg") no-repeat;
	background-size: 14px;
	background-position: center;
	/*background-color: var(--colorThemeGrey);*/
	
}

.accordion-header .icon{
	height:24px !important;
	width:24px !important;
	border-radius: 50%;
}

@media (max-width:768px){
.mw-130{
	min-width:130px;
	}
}

.pl-10{
	padding-left:10px;
}

.pl-20{
	padding-left:20px;
}

.pl-30{
	padding-left:30px;
}

.pl-40{
	padding-left:40px;
}

.pl-50{
	padding-left:50px;
}

.pr-10{
	padding-right: 10px;
}

.pr-20{
	padding-right: 20px;
}

.pr-30{
	padding-right: 30px;
}

.pr-40{
	padding-right: 40px;
}

.pr-50{
	padding-right: 50px;
}

.h-300{
	height:300px !important;
}

@media (max-width:768px){
	.flat h2{
	margin-top:70px !important;
	position:absolute;
	}
}

@media (max-width:450px){
	.flat h2{
	margin-top:50px !important;
	position:absolute;
	}
}

@media (max-width:768px){
	.popup-img{
		max-width: 100% !important;
	}
}

@media (max-width:768px){
	.mobile-display-none{
		display: none !important;
	}
}

input[type=checkbox], input[type=radio]{
	margin: 0px 5px 0px 0px !important;
}

.pt-1{
	padding-top:10px;
}

.pt-20{
	padding-top:20px;
}

.pt-2{
	padding-top:40px;
}

.pt-3{
	padding-top:60px;
}

.pt-4{
	padding-top:80px;
}

.br-8{
	border-radius: 8px;
}

.mob-disp-none{
	display:block;
}

@media (max-width:450px){
	.mob-disp-none{
		display:none;
	}
}

@media (max-width:768px){
	.mob-disp-none{
		display:none;
	}
}

.mob-disp-block{
	display:none !important;
}

@media (max-width:450px){
	.mob-disp-block{
		display:block !important;
	}
}

@media (min-width:991px){
	.desktop-view-pad-0{
		padding-top:15px;
	}
}

@media (min-width:991px){
	.desktop-view-pad{
		padding-top:40px;
	}
}

@media (min-width:991px){
	.desktop-view-pad-1{
		padding-top:50px;
	}
}

.fa{
	margin-right:3px;
}

@media (max-width:1200px){
	.mw-75{
		max-width: 75%;
	}
}

/*@media (min-width:450px){
	.fotorama__nav{
		top:-75px !important;
	}
}*/

@media (min-width:450px){
	.fotorama__thumb{
		border:1px solid #fff !important;
	}
}

.cart-item-container .cart-description{
	width:100% !important;
}

.cart-item-container .cart-item-price{
	width:100% !important;
}

.cart-item-container .desktop-view-pad{
	padding-top:0px;
}

.cart-item-container .desktop-view-pad-1{
	padding-top:0px;
}

.cart-item-container .mob-disp-block{
	display:block; 
}

.cart-item-container .address-page-width{
	width:140px !important;
}

/*Listing Page Pagination CSS Starts Here*/

.pagination{
	display: flex !important;
    justify-content: center;
	color:#006156 !important;
}

.pagination .page-item, .pagination .page-link{
	margin:0px;
	color:#006156 !important;
	font-size:14px !important;
}

/*Listing Page Pagination CSS Ends Here*/


/*Main Search Bar CSS Starts Here*/
.ui-autocomplete-row{
	padding:8px;
	background-color: #f4f4f4;
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

.ui-autocomplete-row .ui-menu-item-wrapper{
	background: #f4f4f4 !important;
	border:1px solid #f4f4f4 !important;
	color:#333333;
	font-weight: 600 !important;
}

.ui-autocomplete-row:hover{
	background-color: #f4f4f4;
	color:#333333 !important;
}

.ui-widget-content a{
	color: #333333 !important;
	padding: none !important;
}
/*Main Search Bar CSS Ends Here*/

.fw-300{
	font-weight:300 !important;
}

.fw-400{
	font-weight:400 !important;
}

.fw-500{
	font-weight:500 !important;
}

.fw-600{
	font-weight:600 !important;
}

.fw-700{
	font-weight:700 !important;
}

.fw-800{
	font-weight:800 !important;
}

.vendor-location{
	height: 350px;
	width: 600px;
	overflow: hidden;
}

@media (max-width:768px){
	.vendor-location{
		width:100% !important;
	}
}

@media (max-width:450px){
	.vendor-location{
		width:100% !important;
	}
}

.vendor-location img{
	object-fit: cover;
    object-position: center;
	width:100%;
	height:100%;
}

.fotorama-outer-customize-it{
	width:100% !important;
}

@media (max-width:450px){
	.fotorama-outer-customize-it{
		width:100% !important;
	}
}

@media (max-width:450px){
	.spacium-design-board-image{
		width:100% !important;
		margin:10px 0px 10px 0px;
	}
}

@media (max-width:450px){
	.spacium-design-board-image-container{
		width:100% !important;
	}
}

@media (max-width:450px){
	.spacium-design-board{
		width:100% !important;
	}
}

.image-fit-inside-div{
	width:100%; 
	overflow: hidden; 
	object-fit: cover;
}

.max-height-500{
	max-height:500px;
}

.max-height-350{
	max-height:350px;
}

.max-height-240{
	max-height:240px;
}

.text-over-img-blog-main{
	position:absolute;
	color:#fff;
	top:25px;
	left:50px;
	font-size: 30px;
	text-shadow: 1px 1px 1px #000;
}

@media (max-width:768px){
	.text-over-img-blog-main{
		font-size: 27px;
	}
}

@media (max-width:450px){
	.text-over-img-blog-main{
		font-size: 25px;
	}
}

.text-over-img-blog-side{
	position:absolute;
	color:#fff;
	bottom:25px !important;
	left:30px;
	font-size: 25px;
	text-shadow: 1px 1px 1px #000;
}

@media (max-width:768px){
	.text-over-img-blog-side{
		font-size: 22px;
	}
}

@media (max-width:450px){
	.text-over-img-blog-side{
		font-size: 20px;
	}
}

.product-img-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
/*	background:#E3E3E3;*/
}

.text-over-img-memory-title{
	position:absolute;
	top:50px !important;
	left:50px;
	font-size: 65px;
}

@media (max-width:768px){
	.text-over-img-memory-title{
		font-size: 40px;
		top:30px !important;
	}
}

@media (max-width:450px){
	.text-over-img-memory-title{
		font-size: 30px;
		top:20px !important;
	}
}

.text-over-img-memory-text{
	position:absolute;
	top:240px !important;
	left:50px;
	font-size: 15px;
}

@media (max-width:991px){
	.text-over-img-memory-text{
		font-size: 14px;
		display: none;
	}
}

@media (max-width:768px){
	.text-over-img-memory-text{
		font-size: 14px;
		display: none;
	}
}

@media (max-width:450px){
	.text-over-img-memory-text{
		font-size: 13px;
		display: none;
	}
}

.memory-lane-banner-btn{
	position:absolute;
	top:330px;
	left:50px;
}

@media (max-width:1200px){
	.memory-lane-banner-btn{
		display: none;
	}
}

@media (max-width:450px){
	.store-info>.w-50{
		width:100% !important;
	}
}

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

.wallet-img{
	width:155px;
}

@media (max-width:768px){
	.wallet-img{
		width:115px !important;
	}
}

@media (max-width:450px){
	.wallet-img{
		width:70px !important;
	}
}

.p-0{
	padding: 0px !important;
}

.p-1{
	padding: 10px !important;
}

@media (max-width:450px){
	.mob-w-100{
		width:100% !important;
	}
}

.disp-none{
	display: none !important;
}

/*Mobile Margins*/
@media (max-width:450px){
	.mob-mt-0{
		margin-top:0px;
	}
}

@media (max-width:450px){
	.mob-mt-1{
		margin-top:10px;
	}
}

@media (max-width:450px){
	.mob-mt-2{
		margin-top:20px;
	}
}

@media (max-width:450px){
	.mob-mt-3{
		margin-top:30px;
	}
}

@media (max-width:450px){
	.mob-mr-0{
		margin-right:0px;
	}
}

@media (max-width:450px){
	.mob-mr-1{
		margin-right:10px;
	}
}

@media (max-width:450px){
	.mob-mr-2{
		margin-right:20px;
	}
}

@media (max-width:450px){
	.mob-mr-3{
		margin-right:30px;
	}
}

@media (max-width:450px){
	.mob-mb-0{
		margin-bottom:0px;
	}
}

@media (max-width:450px){
	.mob-mb-1{
		margin-bottom:10px;
	}
}

@media (max-width:450px){
	.mob-mb-2{
		margin-bottom:20px;
	}
}

@media (max-width:450px){
	.mob-mb-3{
		margin-bottom:30px;
	}
}

@media (max-width:450px){
	.mob-ml-0{
		margin-left:0px;
	}
}

@media (max-width:450px){
	.mob-ml-1{
		margin-left:10px;
	}
}

@media (max-width:450px){
	.mob-ml-2{
		margin-left:20px;
	}
}

/*Tablet Margins*/
@media (max-width:768px){
	.mob-mt-0{
		margin-top:0px;
	}
}

@media (max-width:768px){
	.mob-mt-1{
		margin-top:10px;
	}
}

@media (max-width:768px){
	.mob-mt-2{
		margin-top:20px;
	}
}

@media (max-width:768px){
	.mob-mt-3{
		margin-top:30px;
	}
}

@media (max-width:768px){
	.mob-mr-0{
		margin-right:0px;
	}
}

@media (max-width:768px){
	.mob-mr-1{
		margin-right:10px;
	}
}

@media (max-width:768px){
	.mob-mr-2{
		margin-right:20px;
	}
}

@media (max-width:768px){
	.mob-mr-3{
		margin-right:30px;
	}
}

@media (max-width:768px){
	.mob-mb-0{
		margin-bottom:0px;
	}
}

@media (max-width:768px){
	.mob-mb-1{
		margin-bottom:10px;
	}
}

@media (max-width:768px){
	.mob-mb-2{
		margin-bottom:20px;
	}
}

@media (max-width:768px){
	.mob-mb-3{
		margin-bottom:30px;
	}
}

@media (max-width:768px){
	.mob-ml-0{
		margin-left:0px;
	}
}

@media (max-width:768px){
	.mob-ml-1{
		margin-left:10px;
	}
}

@media (max-width:768px){
	.mob-ml-2{
		margin-left:20px;
	}
}

/*Mobile Padding*/

@media (max-width:450px){
	.mob-ml-3{
		margin-left:30px;
	}
}

@media (max-width:450px){
	.mob-pt-0{
		padding-top:0px;
	}
}

@media (max-width:450px){
	.mob-pt-1{
		padding-top:10px;
	}
}

@media (max-width:450px){
	.mob-pt-2{
		padding-top:20px;
	}
}

@media (max-width:450px){
	.mob-pt-3{
		padding-top:30px;
	}
}

@media (max-width:450px){
	.mob-pr-0{
		padding-right:0px;
	}
}

@media (max-width:450px){
	.mob-pr-1{
		padding-right:10px;
	}
}

@media (max-width:450px){
	.mob-pr-2{
		padding-right:20px;
	}
}

@media (max-width:450px){
	.mob-pr-3{
		padding-right:30px;
	}
}

@media (max-width:450px){
	.mob-pb-0{
		padding-bottom:0px;
	}
}

@media (max-width:450px){
	.mob-pb-1{
		padding-bottom:10px;
	}
}

@media (max-width:450px){
	.mob-pb-2{
		padding-bottom:20px;
	}
}

@media (max-width:450px){
	.mob-pb-3{
		padding-bottom:30px;
	}
}

@media (max-width:450px){
	.mob-pl-0{
		padding-left:0px !important;
	}
}

@media (max-width:450px){
	.mob-pl-1{
		padding-left:10px;
	}
}

@media (max-width:450px){
	.mob-pl-2{
		padding-left:20px;
	}
}

@media (max-width:450px){
	.mob-pl-3{
		padding-left:30px;
	}
}

/*Tablet Padding*/

@media (max-width:768px){
	.mob-ml-3{
		margin-left:30px;
	}
}

@media (max-width:768px){
	.mob-pt-0{
		padding-top:0px;
	}
}

@media (max-width:768px){
	.mob-pt-1{
		padding-top:10px;
	}
}

@media (max-width:768px){
	.mob-pt-2{
		padding-top:20px;
	}
}

@media (max-width:768px){
	.mob-pt-3{
		padding-top:30px;
	}
}

@media (max-width:768px){
	.mob-pr-0{
		padding-right:0px;
	}
}

@media (max-width:768px){
	.mob-pr-1{
		padding-right:10px;
	}
}

@media (max-width:768px){
	.mob-pr-2{
		padding-right:20px;
	}
}

@media (max-width:768px){
	.mob-pr-3{
		padding-right:30px;
	}
}

@media (max-width:768px){
	.mob-pb-0{
		padding-bottom:0px;
	}
}

@media (max-width:768px){
	.mob-pb-1{
		padding-bottom:10px;
	}
}

@media (max-width:768px){
	.mob-pb-2{
		padding-bottom:20px;
	}
}

@media (max-width:768px){
	.mob-pb-3{
		padding-bottom:30px;
	}
}

@media (max-width:768px){
	.mob-pl-0{
		padding-left:0px !important;
	}
}

@media (max-width:768px){
	.mob-pl-1{
		padding-left:10px;
	}
}

@media (max-width:768px){
	.mob-pl-2{
		padding-left:20px;
	}
}

@media (max-width:768px){
	.mob-pl-3{
		padding-left:30px;
	}
}

.min-width-180{
	min-width: 180px;
	max-width: 180px;
}

.product-compare-img{
	min-width:170px;
	max-width: 100%;
	text-align: center;
	border-radius: 8px;
	margin-bottom: 5px;
}

.product-compare-table td{
	border-bottom: 2px solid #B7B7B7 !important;
    border-right: 30px solid #fff!important;
	padding:5px 10px;
}

.border-none{
	border:none !important;
}

.goog-te-gadget-simple{
	background:none !important;
	border:none !important;
}

.goog-te-gadget-simple img{
	display:none;
}

.goog-te-gadget-simple span a{
	color:#c3c3c3 !important;
}

.goog-te-gadget-simple span span{
	border:none !important;
}

.skiptranslate iframe{
	display:hidden !important;
	height:-20px !important;
}

.new-nav-bar{
	font-size:18px;
	font-weight:500; 
	padding:5px 35px 5px 35px;
	height:48px;
	line-height: 40px; 
	margin-right:5px;
	color:#9A9A9A;
}

.new-nav-bar:hover{
	color:#006156;
}

.ta-c{
	text-align: center !important;
}

.ta-l{
	text-align: left !important;
}

.ta-r{
	text-align: right !important;
}

.ta-j{
	text-align: justify !important;
}

.discount-images{
	width:100%;
	margin-right:10px !important;
	overflow: hidden;
	height: 300px;
	object-fit: cover;
	/*border-radius: 8px;*/
}

@media (max-width:450px){
	.discount-images{
		height:160px;
	}
}

.discount-images-slider{
	width:100%;
	margin-right:10px !important;
	overflow: hidden;
	height: 300px;
	object-fit: cover;
	/*border-radius: 8px;*/
}

@media (max-width:450px){
	.discount-images-slider{
		height:140px !important;
	}
}

.discount-images-slider img{
	border-radius: 0px !important;
}

/*New Navbar CSS Starts Here*/
/* ==========================================================================
   $Table of Contents
   ========================================================================== */
/**
 *
 * $Variables
 * 		$Colors
 *		$Fonts
 * $Mixins
 * $Global
 *		$Typography
 * $Animations
 * $Buttons
 * $Main Nav
 *
 */
/* ==========================================================================
   $Variables
   ========================================================================== */
/* $Colors
   ========================================================================== */
/* $Fonts
   ========================================================================== */
/* $Radius
   ========================================================================== */
/* $Ease
   ========================================================================== */
/* ==========================================================================
   $Mixins
   ========================================================================== */
/* ==========================================================================
   $Partials
   ========================================================================== */
/* $Clearfix
   ========================================================================== */
.main-nav-wrap:before, .main-nav-wrap:after {
  content: "";
  display: table;
}
.main-nav-wrap:after {
  clear: both;
}

/* ==========================================================================
   $Global
   ========================================================================== */

/* ==========================================================================
   $Animations
   ========================================================================== */
@-webkit-keyframes fly-in--up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fly-in--up {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ==========================================================================
   $Buttons
   ========================================================================== */
.btn {
  display: inline-block;
  background-color: transparent;
  border-radius: 5px;
  border: none;
  margin-bottom: 24px;
  padding: 6px 24px;
  text-align: center;
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn [class^=ion-] {
  color: #fff;
}

.btn-primary {
  background-color: #5bc471;
  color: #fff;
  width: 100%;
  height: 60px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #1A936F;
}

/* ==========================================================================
   $Main Nav
   ========================================================================== */
.is-hidden {
  position: absolute;
  opacity: 0;
  transform: translateX(140%);
}

.main-nav-wrap {
  overflow: hidden;
  min-height:40px;
}

.main-nav-trigger.active {
  background-color: #1A936F;
}

.main-nav,
.main-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.js .main-nav {
  display: none;
}

.main-nav {
  background-color: #9A1750;
  border-radius: 5px;
  filter: drop-shadow(0 0 6px 1px black);
  color: #fff;
  position: relative;
  height: 40px;
}

@media (max-width:450px){
	.main-nav {
		height:45px;
	}
}

@media (max-width:450px){
	.main-nav>li>a {
		color:#fff;
	}
}

@media (max-width:450px){
	.has-subnav {
		color:#fff;
	}
}

@media (max-width:450px){
	.has-subnav>a,.go-back>a,.view-all>a {
		color:#fff;
	}
}

.main-nav:before {
  border: 8px solid transparent;
  border-bottom-color: #1A936F;
  content: "";
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 100%;
  height: 0;
  width: 0;
  transform: translateY(100%);
}
.main-nav.active:before {
  -webkit-animation: fly-in--up 0.26s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s forwards;
          animation: fly-in--up 0.26s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s forwards;
}

.main-nav a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
}

/* 2nd Level Links
   ========================================================================== */
.main-dropdown {
  font-size: 14px;
}

.moves-in > li:not(.subnav-promo) > a {
  transform: translateX(-100%);
  position: absolute;
  opacity: 0;
}

.nav-in {
  -webkit-animation: fly-in--up 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: fly-in--up 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.nav-out {
  animation: fly-in--up 0.24s cubic-bezier(0.165, 0.84, 0.44, 1) reverse;
}

.subnav,
.subnav a {
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.subnav a {
  transform: translateX(0);
}

.has-subnav-link {
  transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.has-subnav-link:after {
  content: "";
  display: inline-block;
  float: right;
  font-family: "Ionicons";
}

.go-back {
  color: #C6DABF;
}

.subnav-promo {
  background-color: #167d5f;
  border-top: 1px solid #147055;
  padding-top: 14px;
}

.promo-img {
  display: block;
  margin: auto;
}

.promo-body {
  padding: 0 24px 12px;
}

.promo-body a {
  display: inline-block;
  padding: 0;
}

@media (min-width: 990px) {
  .main-nav-wrap {
    overflow: visible;
  }

  .main-nav-trigger {
    display: none;
  }

  .js .main-nav {
    display: block;
  }

  .main-nav {
    background-color: transparent;
  }
  .main-nav:before {
    content: none;
  }

  .main-nav > li {
    float: left;
    /*width: 20%;*/
	padding:0px 2px;
  }
	
  .main-nav > li:hover {
	background: #ffffff;
	color:#3D52A0 !important;
}

  .main-nav > li > a {
    color: #ffffff;
    text-align: center;
	height:40px;
	padding-top:10px;
	font-size:15px !important;
  }
	
  .main-nav > li > a:hover{
		color:#2B7A78;
	}

  .main-nav > .has-subnav > a:after {
    content: "";
    margin-left: 6px;
    float: none;
    font-size: 75%;
  }

  .main-dropdown {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #fff;
    display: table;
    opacity: 0;
    position: absolute;
    /*right: 0;
    left: 0;*/
    transition: all 0.24s cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: translateY(15%);
    visibility: hidden;
	z-index: 9999;
	color:#ffffff;
	padding:10px !important;
	margin-left:-2px !important;
  }

  .main-dropdown > li {
    display: table-cell;
    vertical-align: top;
  }

  .hover > .has-subnav-link {
    /*background-color: #00564A;*/
	background-color: #fff;
    color: #006156;
  }

  .hover .main-dropdown {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }

  .nav-col {
    /*border-right: 1px solid #167d5f;*/
    margin: 5px 0;
    padding: 15px 5px 0px 10px;
	min-width: 160px;
  }

  .nav-col .has-subnav + .has-subnav {
    margin-top: 5px;
  }
	
  .nav>li>a:focus, 
  .nav>li>a:hover {
	  background-color:#DEF2F1 !important;
	}

  .subnav-header {
    font-weight: 700;
    /*border-bottom: 1px solid;*/
    margin-bottom: 6px;
	color: #2B7A78 !important;
	padding-left:0px !important;
	text-transform: uppercase!important;
  }
  .subnav-header:after {
    content: none;
  }

  .subnav a {
    padding: 1px 0;
    vertical-align: top;
  }

  .go-back,
.view-all {
    display: none !important;
  }

  .subnav-promo {
    border: none;
  }
}

@media (max-width:450px){
	.slider-height-mob-350{
		height:350px !important;
	}
}

.nav>li>a{
	padding:5px 5px 5px 0px !important;
}

.mob-h-140-310{
	height:310px;
}

@media (max-width:450px){
		.mob-h-140-310{
	height:140px !important;
	}
}

.mob-h-100-310{
	height:310px;
}

@media (max-width:450px){
		.mob-h-100-310{
	height:100px !important;
	}
}

.mob-h-100-230{
	height:230px;
}

@media (max-width:450px){
		.mob-h-100-230{
	height:100px !important;
	}
}

@media (max-width:768px){
		.mob-h-100-230{
	height:145px !important;
	}
}

@media (max-width:990px){
		.mob-h-100-230{
	height:165px !important;
	}
}

.h-650-mob-225{
	height: 650px;
}

@media (max-width:450px){
	.h-650-mob-225{
		height: 225px !important;
	}
}

.h-400-mob-200{
	height: 400px;
}

@media (max-width:450px){
	.h-400-mob-200{
		height: 200px !important;
	}
}

.main-logo-top{
	width:200px;
}

@media (max-width:768px){
	.main-logo-top{
		width: 65%;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
}

.mob-height-350{
		height:250px;
	}

@media (max-width:450px){
	.mob-height-350{
		height:350px !important;
	}
}

.color-primary-nav-icons{
	color:#ffffff;
}

.color-primary-nav-icons:hover{
	color:#3AAFA9 !important;
}

.owl-controls{
	/* display:none; */
}

/*@media (max-width:450px){
	.owl-carousel .owl-item img{
	    width: 295px !important;
	}
}*/

.test-border{
	border:1px solid #000 !important;
}

.product-slider-outer{
	margin-right:10px;
}

@media (max-width:450px){
	.product-slider-outer{
		margin-right:0px;
}
}

.product-slider-outer img{
	object-fit: cover !important;
}

.quotes{
	width:95px;
	margin-top:-20px;
	z-index: 50;
	position:absolute;
	left:50%;
	transform: translate(-50%, -50%);
}

@media (max-width:450px){
	.quotes{
		width:65px !important;
		padding-top: 5px;
	}
}

table th, table td{
	font-size:14px !important;
}

div.soldoutribbon {
    height: 35px;
    /*width: 180px;*/
	width: 100%;
    background-color: var(--colorError);
    position: absolute;
    bottom: 0px;
    /*left: -10px;*/
    text-align: center;
    color: #FFF;
    font-weight: 500;
    font-size: 20px;
	padding-top:5px;
    white-space: nowrap;
/*  -webkit-transform: rotate(-41deg);
    -moz-transform: rotate(-41deg);
    -ms-transform: rotate(-41deg);
    -o-transform: rotate(-41deg);
    transform: rotate(-41deg);*/
}

.soldoutribbon:before {
    box-sizing: border-box;
    border-style: solid;
    border-color: transparent;
    border-width: 37px;
    border-left-width: 31px;
    border-right-width: 43px;
    content: "";
    display: block;
    /*left: -30px;*/
    position: absolute;
    width: 130%;
    border-top-width: 0px;
    border-bottom-color: var(--colorError);
    top: -2px;
    z-index: -1;
}

.tawk-button{
	background: #006156 !important;
}

@media (max-width:390px){
	.w390px-disp-none{
		display: none !important;
	}
}

.tt-upper{
	text-transform: uppercase;
}

.qty-box{
	width:220px;
	height: 50px;
	border:2px solid #8f8f8f;
	overflow: hidden;
}

.qty-box-cart{
	width:150px;
	height: 35px;
	border:1px solid #8f8f8f;
	overflow: hidden;
}

.qty-items{
	float: left;
	display:flex;
	height: 50px;
}

.price-range{
	width:100%;
	padding: 5px 15px 5px 15px;
	color:#ffffff;
	text-align: center;
	border: none;
}

/*Steps Progress Bar CSS Starts Here*/
.stepper-wrapper {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;

  @media (max-width: 768px) {
    font-size: 12px;
  }
}

.stepper-item::before {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}

.stepper-item::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #ccc;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 2;
}

.stepper-item .step-counter {
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  margin-bottom: 6px;
  border: 1px solid #006156;
}

.stepper-item.active {
  font-weight: bold;
  color:#006156;
}

.step-name{
	color:#006156;
}

.stepper-item.completed{
	color:#fff;
}

.stepper-item.completed .step-counter {
  background-color: #006156;
}

.stepper-item.completed::after {
  position: absolute;
  content: "";
  border-bottom: 2px solid #006156;
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}

.stepper-item:first-child::before {
  content: none;
}
.stepper-item:last-child::after {
  content: none;
}
/*Steps Progress Bar CSS Ends Here*/

@media (max-width:450px){
	.tawk-min-container{
		bottom:100px !important;
		position:fixed;
	}
}

.ls-1{
	letter-spacing: 1px;
}

.ls-1_5{
	letter-spacing: 1.5px;
}

.ls-2{
	letter-spacing: 2px;
}

.bg-l-green{
	background:#eef0ea;
}

@media (min-width:768px){
	.desktop-pr-8{
		padding-right:8rem !important;
	}
}

.slider-height{
	min-height:490px;
}

@media(max-width:450px){
	.slider-height{
		min-height:310px;
	}
}

@media(max-width:768px){
	.slider-height{
		height:310px;
	}
}

@media(min-width:768px){
	.banner-top{
		height:310px;
	}
}

/*Store Page - Product Page Settings*/
.product-img-store {
    height: 300px;
    overflow: hidden;
    /*border-radius: 8px;*/
    position: relative;
}

@media (max-width:1200px){
	.product-img-store {
    height: 230px;
	}
}

@media (max-width:1000px){
	.product-img-store {
    height: 200px !important;
	}
}

@media (max-width:768px){
	.product-img-store {
    height: 300px !important;
	}
}

@media (max-width:450px){
	.product-img-store {
    height: 160px !important;
	}
}

@media (max-width:380px){
	.product-img-store {
    height: 350px !important;
	}
}

.product-img-store img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;

}

.product-img-store .badge {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
    background: var(--colorError);
	transform: translate(-50%, 0);
	border-radius: 0px;
}

.img-wrap-store {
    position: relative;
    width: 100%;
}

.prod-img-inner-store {
    height: 100%;
	background: #F1F1F1;
}

.prod-img-inner-store>div {
    height: 100%;
}

.img-wrap-store>div {
    width: 100%;
}

.w-90p{
	width:90%;
}

@media (max-width:450px){
	.w-90p{
		width:100%;
	}
}

@media screen and (min-width: 600px)  {
        .mobile-break { display: none; }
    }

.update_cart{
    display:block;
    padding:2px 10px 2px 10px;
    background: #3AAFA9;
    font-size:13px;
    color:#ffffff !important;
    margin-top: 10px;
    max-width:150px;
    text-align:center;
}

@media (max-width:1200px){
    .header-height{
        min-height:75px !important;
    }
}

@media (max-width:768px){
    .header-height{
        min-height:100px !important;
    }
}

@media (max-width:768px){
    .mob-ta-c{
        text-align:center;
    }
}