.two-line-text {
	-webkit-line-clamp: 2; 
	line-clamp: 2; 
	overflow: hidden; 
	-webkit-box-orient: vertical; 
	display: -webkit-box;
}

.bg-transparent {
	background-color: transparent !important;
}

.grayscale-img {
	filter: gray; /* IE6-9 */
  	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Member Area Start */
.cart-empty img {
	width: 100%; 
	max-width: 200px; 
	height: auto;
}
  
.cart-empty p {
	font-size: 1.5rem;
}

@media (max-width: 576px) {
	.cart-empty p {
		font-size: 1rem;
	}	
}
/* Member Area End */

.grey-line {
    height: 0.25rem; 
    background-color: #F3F3F3; 
    border-top: 0;
}

.object-fit-cover {
	object-fit: cover !important;
}

.object-fit-contain {
	object-fit: contain !important;
}

.text-end {
	text-align: end !important;
}

.border-top {
	border-top: 1px solid var(--gray-border);
}

.border-left {
	border-left: 1px solid var(--gray-border);
}

.border-right {
	border-right: 1px solid var(--gray-border);
}

.border-bottom {
	border-bottom: 1px solid var(--gray-border);
}

.border-top-0 {
	border-top: 0;
	border-bottom: 1px solid var(--gray-border);
	border-left: 1px solid var(--gray-border);
	border-right: 1px solid var(--gray-border);
}

.border-top-light {
	border-top: 1px solid var(--light);
}

.border-left-light {
	border-left: 1px solid var(--light);
}

.border-right-light {
	border-right: 1px solid var(--light);
}

.border-bottom-light {
	border-bottom: 1px solid var(--light);
}

/* Start Eye Icon */
.eye-icon {
    color: var(--primary);
    font-size: 1.25rem;
    position: absolute;
    right: 4%;
    top: 25%;
    z-index: 3;
}

.eye-icon-error {
    color: var(--primary);
    font-size: 1.25rem;
    position: absolute;
    right: 5%;
    /* top: 20%; */
    top: 12%;
    z-index: 3;
}

/* End Eye Icon */

.field-icon {
    float: right;
    top: -35px;
    right: 3%;
    position: relative;
    z-index: 2;
    color: #212529;
}

.field-icon-text-area {
    float: right;
    top: -165px;
    right: 1.5%;
    position: relative;
    z-index: 2;
    color: #212529;
}

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

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

.h-100 {
	height: 100% !important;
}

.custom-width {
	width: var(--width) !important;
}

.desktop-custom-width {
	width: var(--width) !important;
}

.mobile-custom-width {
	width: auto !important;
}

.mobile-custom-height {
	height: auto !important;
}

.custom-height {
	height: var(--height) !important;
}

.custom-line-height {
	line-height: var(--line-height) !important;
}

/* Chrome, Safari, Edge, Opera */
.hide-textfiled-arrow input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.hide-textfiled-arrow input[type=number] {
  -moz-appearance: textfield;
}

/* [START] Overlay */

.overlay50-background-image {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5),  rgba(0, 0, 0, 0.5)), var(--background-image);
}

/* [END] Overlay */

.cursor-pointer {
	cursor: pointer;
}

/* [START] Hero */
.page-hero {
	position: relative;
	background-size: cover; 
	background-position: center;
	background-repeat: no-repeat; 
	height: 12.5rem;
	font-size: 2.25rem;
}
  
@media (max-width: 576px) {
	.page-hero {
	  position: relative;
	  background-size: cover; 
	  background-position: center;
	  background-repeat: no-repeat; 
	  height: 12.5rem;
	  font-size: 2rem;
	}
}
/* [END] Hero */

@media screen and (min-width: 992px) {
	.desktop {
		display: block;
	}

	.tablet {
		display: none;
	}
	
	.mobile {
		display: none;
	}

	.desktop-w-10 {
		width: 10%;
	}
	
	.desktop-w-20 {
		width: 20%;
	}

	.desktop-w-25 {
		width: 25%;
	}
	
	.desktop-w-30 {
		width: 30%;
	}
	
	.desktop-w-40 {
		width: 40%;
	}
	
	.desktop-w-50 {
		width: 50%;
	}
	
	.desktop-w-60 {
		width: 60%;
	}
	
	.desktop-w-70 {
		width: 70%;
	}
	
	.desktop-w-80 {
		width: 80%;
	}

	.desktop-w-90 {
		width: 90%;
	}

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

	.desktop-text-center {
		text-align: center !important;
	}
	
	.desktop-text-end {
		text-align: end !important;
	}
}

/* TABLET SCREEN [START] */
@media screen and (min-width: 768px) and (max-width: 992px) {

	.desktop{
		display: none;
	}

	.tablet {
		display: block;
	}
	
	.mobile{
		display: none;
	}
}
/* TABLET SCREEN [END] */

/* MOBILE PHONE SCREEN [START] */
@media screen and (max-width: 576px) {

	.desktop{
		display: none;
	}

	.desktop-custom-width {
		width: auto !important;
	}
	
	.mobile{
		display: block;
	}

	.mobile-custom-width {
		width: var(--width) !important;
	}

	.mobile-custom-height {
		height: var(--height) !important;
	}

	.mobile-w-10 {
		width: 10%;
	}
	
	.mobile-w-20 {
		width: 20%;
	}

	.mobile-w-25 {
		width: 25%;
	}
	
	.mobile-w-30 {
		width: 30%;
	}
	
	.mobile-w-40 {
		width: 40%;
	}
	
	.mobile-w-50 {
		width: 50%;
	}
	
	.mobile-w-60 {
		width: 60%;
	}
	
	.mobile-w-70 {
		width: 70%;
	}
	
	.mobile-w-80 {
		width: 80%;
	}

	.mobile-w-90 {
		width: 90%;
	}

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

	.mobile-text-center {
		text-align: center !important;
	}

	.mobile-text-end {
		text-align: end !important;
	}

	.mobile-justify-content-center {
		justify-content: center !important;
	}
}

@media screen and (max-width: 375px) {
	.desktop{
		display: none;
	}
	
	.mobile{
		display: block;
	}
}

@media screen and (max-width: 360px) {
	.desktop{
		display: none;
	}
	
	.mobile{
		display: block;
	}
}

@media screen and (max-width: 320px) {
	.desktop{
		display: none;
	}
	
	.mobile{
		display: block;
	}
}
/* MOBILE PHONE SCREEN [END] */