header .centered-content{
	display:flex;
	flex-wrap: nowrap;
	align-items: center;    /* vertical centering */
	gap: 2rem;
	
	 
	& > .logo { flex: 0 0 100px;}
	& > .nav-wrapper { flex: 0.6; min-width: 300px;}
	& > .art-header-icons {flex: 0 0 250px;}
	& > .art-search__wrap {
	  flex: 0.4;
	  min-width: 100px;
	  resize: horizontal;
	  overflow: auto;
		& #form_search {
			width: 100%;
			position: relative;
			display: block;

		}
		& input{
			opacity: 1;
			font-family: Montserrat, sans-serif;
			font-weight: 400;
			color: rgb(0, 0, 0);
			width: 100%	;
			font-size: 11px !important;
			border-width: 1px;
			border-style: solid;
			border-color: rgb(0, 0, 0);
			border-image: initial;
			border-radius: 25px;
			text-decoration: none;
			padding: 8px 30px 8px 12px !important;
		}
	}

	
} 
header .centered-content > *{
	
	height: var(--header-height);
	border:0px solid;
	display: flex;
	align-items: center;
	
}
header .art-header-icons{
	display: flex;
	flex-wrap: nowrap;  
	align-items: center;
	gap: 8px;
	
	& > *{
		width: 30px;
		/* flex:0 0 40px; */
		border: 0px solid;
		height: var(--header-height);
		display: flex;
		align-items: center;
	}
	& > .art-wishlist{
			flex: 0 0 30px;
			font-size: .9rem;
			& user-likeboxcounter{
				width: 23px;
				--padding: .5em .8em .5em 0;
				--indicator-right:0px;
				--indicator-font-size:.7rem;
				--indicator-min-size:1.5em;
				--indicator-top: 3px;

				
			}
		}
	& > .art-cart{ 
		position: relative;
		flex: 0 0 30px;	
		& .bi {
			font-size: 23px;
			margin-bottom: 5px;
			margin-left: 3px;
		};
		& span{
			   /*
			   font-size:10px;
			   color: #FFF;
			   background:#000;
			   display: block;
			   position: absolute;
				text-align: center;
			   aspect-ratio: 1 / 1;
			   text-align:center; 
			   padding:.5px; 
			   border-radius: 50% ; 
			   top:15px; 
			   right: 0px; 
			   */
			   font-size: 9px;
			   color: #FFF;
			   background: #000;
			   display: block;
			   position: absolute;
			   padding: 2.5px;
			   border-radius: 50%;
			   top: 13px;
			   right: -7px;
			   font-weight: bold;
			   text-align: center;
			   box-sizing: border-box;
			   width: 16px;
			   font-family: Arial, Helvetica, sans-serif;
		}
		& a{ color: black; text-decoration:none;};
	};
	& > .art-login{
		flex: 0 0 90px;
		font-size:10px;
		& #loginSubmenu{ display:none;}
		& #d_signin{ float:left}
		
	};
	& > .art-currency{
		flex: 0 0 67px;
		position: relative;
		outline: none;
		& .menu-title {
			font-family: Montserrat, sans-serif;
			font-size: 14px;
			font-weight: 600;
			color: rgb(0, 0, 0);
			margin: 0px 0px 5px;
		}
		& .dropdown {
			position: relative;
			width: 200px;
			margin-bottom: 15px;
		}
		& .dropdown-selected {
			display: flex;
			align-items: center;
			cursor: pointer;
			font-size: 12px;
			background-color: white;
			text-transform: uppercase;
			box-sizing: border-box;
			height: 25px;
			width: 177px;
			padding: 3px;
			border-width: 1px;
			border-style: solid;
			border-color: rgb(0, 0, 0);
			border-image: initial;
			border-radius: 15px;
		}
		& .dropdown-list {
			position: absolute;
			top: 100%;
			left: 0px;
			width: 177px;
			max-height: 130px;
			overflow-y: auto;
			overflow-x: hidden;
			background-color: white;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
			margin-top: 5px;
			display: none;
			z-index: 1000;
			border-width: 1px;
			border-style: solid;
			border-color: rgb(0, 0, 0);
			border-image: initial;
			border-radius: 10px;
			padding: 6px 0px;
		}
		& .search-box {
			display: flex;
			align-items: center;
			margin-bottom: 10px;
			background-color: rgb(240, 240, 240);
			padding: 5px 10px;
			border-radius: 15px;
			margin: 0px 8px 3px;
			& img{
				width: 15px;
				height: 15px;
				margin-left: 5px;
			}
		}
		& .search-box input {
			width: 100%;
			font-size: 12px;
			background-color: rgb(240, 240, 240);
			border: none;
			border-style: none;
			outline: none;
		}
		& .dropdown-item {
			display: flex;
			align-items: center;
			cursor: pointer;
			font-size: 12px;
			text-transform: uppercase;
			width: calc(100% - 20px);
			height: auto;
			box-sizing: border-box;
			padding: 6px 2px;
			margin: 4px 12px;
			&  span {
				font-size: 12px;
				color: rgb(0, 0, 0);
				display: flex;
			}
		}

		& .language-dropdown, .currency-dropdown {
			position: relative;
			width: 100%;
			margin: 0 0 15px ;
		}
		& .language-selected, .currency-selected {
			display: flex;
			align-items: center;
			cursor: pointer;
			font-size: 12px;
			background-color: white;
			text-transform: capitalize;
			box-sizing: border-box;
			height: 25px;
			width: 100%;
			padding: 5px 10px;
			border-width: 1px;
			border-style: solid;
			border-color: rgb(0, 0, 0);
			border-image: initial;
			border-radius: 15px;
		}
		&  .language-list, .currency-list {
			position: absolute;
			top: 100%;
			left: 0px;
			width: 100%;
			max-height: 130px;
			overflow-y: auto;
			background-color: white;
			box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 8px;
			margin-top: 5px;
			display: none;
			z-index: 1000;
			border-width: 1px;
			border-style: solid;
			border-color: rgb(0, 0, 0);
			border-image: initial;
			border-radius: 10px;
			padding: 6px 0px;
		}
		& .language-item,  .currency-item {
			display: flex;
			align-items: center;
			cursor: pointer;
			font-size: 12px;
			text-transform: capitalize;
			width: calc(100% - 10px);
			box-sizing: border-box;
			padding: 5px 10px;
			margin: 4px 0px 4px 5px;
		}


	};
	& script{ display:none; }
	
}
 #dsf_login::before {
    content: "";
    display: block;
    width: 15px;
    height: 18px;
	margin:  calc(var(--header-height)/ 2 - 19px) 7px 0 ;
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/../../images/icons/Avatar.svg");
	float: left;
}


header .art-currency > div:nth-child(1){
	cursor: pointer;
}
header .art-currency #settingsSubmenu{
	display: none;
}
#settingsSubmenu {
    
    position: absolute;
    top: calc(100% + 11px);
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;
    z-index: 1000;
    width: 200px;
    text-align: left;
    right: 0px;
    border-radius: 10px;
    padding: 12px 12px 5px;

	&::before {
		content: "";
		position: absolute;
		top: -10px;
		right: 15%;
		transform: translateX(50%);
		border-width: 0px 10px 10px;
		border-style: solid;
		border-color: transparent transparent white;
	}
}

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


header .menu {
    list-style: none;
    display: flex;
    justify-content: space-between;
	margin:0;
	padding:0;
	flex: 1;
	
	& > li{
		flex: 0 0 auto;
		height: var(--header-height);
		border:0px solid;
		display: flex;
		align-items: center;
		justify-content: center;
		@media screen and (max-width: 1050px) {
			padding: 0 10px 0 0;
			}
	 }
	&  a {
		text-decoration: none;
		font-size: 0.9rem;
		font-weight: 500;
		color: var(--font_color_main);
		@media screen and (max-width: 1050px) {
			font-size: 0.75rem;
			}
			
		}

	}

.art-navbar .art-cart i {
    font-size: 19px !important;
    position: absolute;
}

.art-navbar .text-user {
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    font-family: "Montserrat", sans-serif;
}

.art-currency .lang-cur {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
    color: #000000;
    opacity: 1;

}

.mega-menu {
      display: none;
      position: absolute;
      top: 64px;
      left: 0;
      width: 100vw;
	  /*width: 100%;*/
      background: #f9f9f9;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      z-index: 100;
	  float:none !important;
	  position:fixed;
    }

	

	.mega-menu div, .mega-menu nav, .mega-menu li, .mega-menu ul li{
		float:none !important;
	}

    .menu-block {
      border-left:1px #000 solid;
	  padding-left:15px;
    }

    .menu-block h4 {
      margin-bottom: 10px;
    }

    .menu-block ul {
      list-style: none;
    }

    .menu-block li {
      margin-bottom: 8px;
    }

    .menu-block a {
      color: #000;
      text-decoration: none;
    }

    .menu-block a:hover {
      text-decoration: underline;
    }

	.menu-block-search {
		padding: 0 clamp(5px, 8px, 15px) 0 clamp(5px, 1vw, 30px);
	}

    .menu-content {
	  box-sizing:border-box;
      display: flex;
      padding: 20px clamp(5px, 5vw, 80px);
      margin: 0 auto;
      max-width: 1254px;
    }

    .menu-content-category3 {
	  position: relative;
      padding: 20px;
      width: auto;
      justify-content: flex-start;
      overflow-x: hidden;
      box-sizing: border-box;
    }
 .menu-content-category4 {
      position: relative;
      padding: 20px;
      width: auto;
      justify-content: flex-start;
}

.menu-content-category5 {
	display: flex;
	justify-content: space-between;
	max-width: 1254px;
	margin: 0 auto;
	padding: 20px clamp(5px, 5vw, 20px);;
}

.menu-grid-search {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	padding: 0;
	margin: 0;
}
.menu_price_filter:hover {
	text-decoration: underline;
	cursor: pointer;
}


.menu-grid-search__item {
  text-align: left;
}

.menu-grid-search__item img {
  width: 100%;
  height: 110px;      
  object-fit: cover;    
  display: block;
  margin: 0 auto;
  padding-bottom:5px; 
}

.menu-grid-search__item h5 {
  margin: 8px 0 4px;
  font-size: 16px;
}

.menu-grid-search__item p {
  font-size: 14px;
  color: #555;
  margin: 0;
}

	.mm_all{
		font-size: 11px;
		font-weight:600;
		padding:10px 0px;
	}

	.mm_all{
		position: relative;
		padding-left: 12px;
	}

	.mm_all::before {
	  content: "";
	  position: absolute;
	  left: 0;
	  top: 50%;
	  transform: translateY(-50%);
	  width: 9px;
	  height: 9px;
	  background-color: black;
	  border-radius: 50%;
	}

	.mm_all-search{
		margin-top:10px;
	}

	.mm_title, .mm_content, .mm_all, .mm_content_search{
		text-transform: uppercase;
	}

	.mm_content{
		font-size: 14px;
		font-weight:400;
		padding:5px 0px;
	}

	.mm_title{
		font-size: 14px;
		font-weight:700;
		padding:10px 0px;
	}




.mm_content_search{
	padding:3px 0px 0px 0px;
	font-size: 11px;
	font-weight:600;
}

.qty-indicator,
.qty-indicator-cart,
.qty-indicator-like {
	top:-8px;
	right:-8px;
	width:15px;
	position:absolute;
	border-radius: 50%;
	background-color: #000000;
	color:#ffffff;
	padding:3px;
	aspect-ratio: 1/1.0 !important;
	overflow:hidden;
	font-size:0.4em;
	padding:1px;
}

/*************************** LOGIN *****************************************/

.main-login-container{
	width: 100%;
	& #login_register_enter{
		z-index: 200;
		top: 0px;
		left: 0px;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		display: flex !important;
        justify-content: center;
        align-items: center;
        gap: 10px;
		position: fixed;
		& .enter-login-container{
			background-color: rgba(229,229,229,1);
			height: 60%;
			border-radius: 20px;
			overflow-y: auto;
			clear: both !important;
            margin: auto !important;
			text-align: center;
		    width: 50% !important;
		    display: flex !important;
			justify-content: center !important;
			align-items: center !important;
			gap: 5px !important;
			padding: 0;
			position:relative;
			& .enter-form-icon-close {
				z-index: 20;
                top: 20px;
                right: 20px;
				cursor: pointer;
				font-size: 2em;
				width: auto;
				position: absolute;
				& .bi-x{
					font-size: 2em;
					cursor: pointer;
					text-align: center;
				}
			}
			& .enter-main-login-area{
				height: 85%;
				width: 100%;
				padding: 0;
				margin: 0;
				& .enter-user-block{
					border-right: solid 1px rgba(0,0,0,1);
					height: 100%;
					width: 50% !important;
					& .enter-icon1{
						min-height: 20%;
						width: 100%;
						display: flex !important;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;
						& .bi-person{
							font-size: 4em;
							text-align: center;
						}
					}
					& .enter-text1{
						min-height: 20%;
						font-size: 1.4em;
						font-weight: 600;
						width: 100%;
						display: flex !important;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;
					}
					& .enter-text2{
						min-height: 20%;
						width: 100%;
						display: flex !important;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;
					}
					& form{
						text-align: center;
						& #login_reg{
							min-height: 10%;
							color: rgba(255,255,255,1);
							font-weight: 600;
							width: 100%;
							display: flex !important;
                            justify-content: center;
                            align-items: center;
                            gap: 10px;
							text-transform: uppercase;
							& a{
								color: rgba(255,255,255,1);
								background-color: rgba(0,0,0,1);
								border-radius: 25px;
								clear: both !important;
                                margin: auto !important;
								height: 40px !important;
								width: 70%;
								display: flex !important;
								justify-content: center;
								align-items: center;
								gap: 10px;
								text-decoration: none;
								font-weight: 600;
								text-transform: uppercase;
								text-align: center;
							}
						}
					}
					& .enter-google-container{
						min-height: 20%;
						width: 100%;
						display: flex !important;
                        justify-content: center;
                        align-items: center;
                        gap: 10px;
						& .enter-google-area{
							width: 100%;
							& .enter-google-title1{
								padding: 0 0 10px 0;
								font-weight: 500;
								width: 100%;
							}
							& .enter-google-title2{
								font-weight: 500;
								width: 100%;
								display: flex !important;
								justify-content: center;
								align-items: center;
								gap: 10px;
								& div{
									width: 40px;
									border: solid 1px rgba(204,204,204,1);
									aspect-ratio: 1/1.0;
									border-radius: 50%;
									padding: 7px !important;
									display: flex !important;
									justify-content: center;
									align-items: center;
									gap: 10px;
									margin: 0;
									& #googleLogin{
										color: black;
										text-decoration: none;
										position: relative;
										font-weight: 500;
										text-align: center;
										position: relative;
										& img{
											width: 100% !important;
											height: 100% !important;
											object-fit: cover !important;
											max-width: 100% !important;
											max-height: 100% !important;
											vertical-align: middle;
											border: none;
										}
									}
								}
							}
						}
					}
					& .enter-block-sign-in{
						min-height: 10%;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
						& .enter-sign-in-area{
							width: 100%;
							padding: 0;
							margin: 0;
							& .enter-sign-in-title{
								width: 100%;
							}
							& form{
								& #login_sin{
									cursor: pointer;
									font-size: 1.1em;
									padding: 5px 0 0 0;
									font-weight: 700;
									width: 100%;
									text-transform: uppercase;
								}
							}
						}
					}
				}
				& .line-block-decor{
					border-bottom: solid 1px rgba(0,0,0,1);
					padding: 20px !important;
					display: none !important;
					float: none !important;
					clear: both !important;
					margin: auto !important;
					width: 90%;
				}
				& .enter-artist-block{
					height: 100%;
					width: 50% !important;
					& .enter-artist-icon{
						min-height: 20%;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
						& .bi-palette{
							font-size: 3.2em;
							text-align: center;
						}
					}
					& .enter-artist-text1{
						min-height: 20%;
						font-size: 1.4em;
						font-weight: 600;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
					}
					& .enter-artist-text2{
						min-height: 20%;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
					}
					& .enter-artist-link{
						min-height: 10%;
						font-weight: 600;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
						text-transform: uppercase;
						& a{
							background-color: rgba(204,204,204,1);
							border-radius: 25px;
							clear: both !important;
							margin: auto !important;
							height: 40px !important;
							width: 70%;
							display: flex !important;
							justify-content: center;
							align-items: center;
							gap: 10px;
							color: black;
							text-decoration: none;
						}
					}
					& .enter-artist-text3{
						min-height: 20%;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
					}
					& .enter-artist-text4{
						min-height: 10%;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
					}
				}
				& .line-block-decor2{
					display: none !important;
					height: 80px !important;
					width: 100%;
					padding: 0;
				}
			}
		}
	}
	& #login_register_user{
		display: none !important;
		top: 0;
		left: 0;
		z-index: 200;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		width: 100%;
		position: fixed;
		& .register-container{
			max-height: 100%;
			background-color: rgba(229,229,229,1);
			border-radius: 20px;
			overflow-y: auto;
			float: none !important;
            clear: both !important;
            margin: auto !important;
			text-align: center;
			width: 30% !important;
			padding: 0;
			& form{
				text-align: center;
				& .submit{
					z-index: 20;
					top: 20px;
					right: 20px;
					cursor: pointer;
					font-size: 2em;
					width: auto;
					position: absolute;
					& i{
						position: relative;
						font-style: italic;
						cursor: pointer;
						font-size: 2em;
						text-align: center;
					}
				}
			}
			& .register-block{
				padding: 20px !important;
				width: 100%;
				& form{
					& .register-block-icon{
						padding: 10px;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
						& .bi-person{
							font-size: 4em;
						}					
					}
					& .register-block-text1{
						font-size: 1.4em;
						padding: 0 0 20px 0;
						font-weight: 600;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
					}
					& .register-block-form{
						font-size: 1em;
						width: 100%;
						& .register-block{
							position: relative;
							margin: 10px auto;
							font-size: 1.0em;
							padding: 15px !important;
							height: 55px !important;
							width: 100%;
							& input{
								outline: none;
								width: 100%;
								margin: 0;
								font-family: "Montserrat", Arial, Helvetica, sans-serif;
								font-size: 1em;
								color: rgba(255,255,255,1);
								background-color: rgba(0,0,0,1);
								border-radius: 25px;
								padding: 15px !important;
								border: none !important;
								accent-color: var(--black);
								position: relative;
							}
							& label{
								visibility: hidden;
								z-index: -1;
								transition: 0.2s ease-in-out;
								display: block;
								position: absolute;
								opacity: 0;
								bottom: 1.9rem;
								color: #5d5d5d;
								transition: 0.2s ease-in-out transform;
								font-size: 15px;
							}
						}
						& .register-block-email{
							position: relative;
							margin: 10px auto;
							font-size: 1.0em;
							padding: 15px !important;
							height: 55px !important;
							width: 100%;
							& input{
								outline: none;
								width: 100%;
								margin: 0;
								font-family: "Montserrat", Arial, Helvetica, sans-serif;
								font-size: 1em;
								color: rgba(255,255,255,1);
								background-color: rgba(0,0,0,1);
								border-radius: 25px;
								padding: 15px !important;
								border: none !important;
								accent-color: var(--black);
							}
							& label{
								visibility: hidden;
								z-index: -1;
								transition: 0.2s ease-in-out;
								display: block;
							    position: absolute;
							    opacity: 0;
							    bottom: 1.9rem;
							    color: #5d5d5d;
							    transition: 0.2s ease-in-out transform;
							    font-size: 15px;
								text-align: center;
							}
						}
						& .register-block-pass{
							position: relative;
						    margin: 10px auto;
						    font-size: 1.0em;
							padding: 15px !important;
							height: 55px !important;
							width: 100%;
							& i{
								z-index: 1;
								right: 30px;
								top: 20px;
								color: rgba(255,255,255,1);
								opacity: 0.8;
								cursor: pointer;
								font-size: 1.6em;
								padding: 4px !important;
								position: absolute;
							}
							& input{
								outline: none;
								width: 100%;
								margin: 0;
								font-family: "Montserrat", Arial, Helvetica, sans-serif;
								font-size: 1em;
								color: rgba(255,255,255,1);
								background-color: rgba(0,0,0,1);
								border-radius: 25px;
								padding: 15px !important;
								border: none !important;
								accent-color: var(--black);
							}
							& label{
								visibility: hidden;
								z-index: -1;
								transition: 0.2s ease-in-out;
								display: block;
								position: absolute;
								opacity: 0;
								bottom: 1.9rem;
								color: #5d5d5d;
								transition: 0.2s ease-in-out transform;
								font-size: 15px;
							}
						}
						& .pass_container{
							margin-top: 5px;
						    color: red !important;
						    text-align: justify;
							font-size: 0.9em;
							padding: 0 25px;
							font-weight: 500;
							width: 100%;
							& .pass_req{
								color: black;
								text-align: justify;
								font-size: 0.9em;
								font-weight: 500;
							}
							& .req-item-pass{
								display: inline;
								transition: color 0.3s;
								color: red !important;
								text-align: justify;
								font-size: 0.9em;
								font-weight: 500;
							}
						}
						& .register-block-term{
							position: relative;
							padding: 15px !important;
							text-align: left;
							width: 100%;
							display: block;
							& .register-term-agree{
								margin-bottom: 5px;
								position: relative;
								padding-left: 30px;
								padding: 3px 0;
								width: 100%;
								& input{
									position: absolute;
									left: 0;
									top: 50%;
									transform: translateY(-50%);
									margin: 0;
									width: 23px;
									height: 23px;
									font-size: 1em;
									cursor: pointer;
									padding: 15px !important;
									accent-color: var(--black);
								}
								& label{
									margin: 0;
									padding-left: 5px;
									display: block;
									text-align: left;
									font-size: 1em;
								}
							}
							& .register-term-subscribe{
								position: relative;
								padding-left: 30px;
								padding: 3px 0;
								width: 100%;
								& input{
									position: absolute;
									left: 0;
									top: 50%;
									transform: translateY(-50%);
									margin: 0;
									width: 23px;
									height: 23px;
									font-size: 1em;
									cursor: pointer;
									padding: 15px !important;
									accent-color: #000;
								}
								& label{
									margin: 0;
									padding-left: 5px;
									display: block;
								}
							}
						}
						& .register-block-button{
							position: relative;
							margin: 10px auto;
							font-size: 1.0em;
							padding: 15px !important;
							height: 55px !important;
							width: 100%;
							& input{
								text-align: center;
								outline: none;
								font-size: 1em;
								background-color: rgba(204,204,204,1);
								cursor: pointer;
								padding: 15px !important;
								border: none !important;
								font-weight: 700;
								text-transform: uppercase;
								accent-color: var(--black);
							}
						}
					}
					& .register-block-continue{
						padding: 15px !important;
						width: 100%;
						display: block;
					}
					& .register-block-google-button{
						font-weight: 500;
						width: 100%;
						display: flex !important;
						justify-content: center;
						align-items: center;
						gap: 10px;
						& div{
							width: 40px;
							border: solid 1px rgba(204,204,204,1);
							aspect-ratio: 1/1.0;
							border-radius: 50%;
							padding: 7px !important;
							display: flex !important;
						    justify-content: center;
						    align-items: center;
						    gap: 10px;
							& a{
								color: black;
								text-decoration: none;
								font-weight: 500;
								text-align: center;
								& img{
									width: 100% !important;
									height: 100% !important;
									object-fit: cover !important;
									max-width: 100% !important;
									max-height: 100% !important;
									vertical-align: middle;
									border: none;
									color: black;
								}
							}
						}
					}
				}
				& .register-block-sign-in{
					min-height: 10%;
					width: 100%;
					display: flex !important;
					justify-content: center;
					align-items: center;
					gap: 10px;
					& .register-sign-in{
						width: 100%;
						& .register-sign-in-text{
							padding: 10px 0 0 0;
							width: 100%;
						}
						& #login_signin{
							cursor: pointer;
							font-size: 1.1em;
							padding: 5px 0 0 0;
							font-weight: 700;
							width: 100%;
							text-transform: uppercase;
						}
					}
				}
			}
		}
	}
}

#login_email_signin{
	display: none !important;
    top: 0;
    left: 0;
    z-index: 200;
    height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	position: fixed;
	.sign-in-container{
		max-height: 100%;
		background-color: rgba(229,229,229,1);
		border-radius: 20px;
		overflow-y: auto;
		float: none !important;
        clear: both !important;
        margin: auto !important;
		text-align: center;
		width: 30% !important;
		padding: 0;
		& #login_form{
			display: flex;
			flex-direction: column;
			padding: 20px !important;
			width: 100%;
			text-align: center;
			& .arrow-left-return{
				top: 10px;
				left: 10px;
				text-align: left;
				cursor: pointer;
			}
			& .closer_login_form{
				z-index: 20;
			    top: 20px;
			    right: 20px;
				cursor: pointer;
				font-size: 2em;
				width: auto;
				position: absolute;
				& i{
					font-size: 2em;
					text-align: center;
				}
			}
			& .sign-in-icon{
				padding: 10px;
				width: 100%;
				display: flex !important;
			    justify-content: center;
			    align-items: center;
			    gap: 10px;
				& i{
					font-size: 4em;
					text-align: center;
				}
			}
			& .sign-in-text{
				padding: 0 0 20px 0;
				font-weight: 600;
				width: 100%;
				display: flex !important;
			    justify-content: center;
			    align-items: center;
			    gap: 10px;
			}
			& .sign-in-block{
				width: 100%;
				& .sign-in-email{
					position: relative;
					margin: 10px auto;
					font-size: 1.0em;
					padding: 15px !important;
					height: 55px !important;
					width: 100%;
					& input{
						outline: none;
						width: 100%;
						margin: 0;
						font-family: "Montserrat", Arial, Helvetica, sans-serif;
						font-size: 1em;
						color: rgba(255,255,255,1);
						background-color: rgba(0,0,0,1);
						border-radius: 25px;
						padding: 15px !important;
						border: none !important;
						accent-color: var(--black);
					}
					& label{
						visibility: hidden;
					    z-index: -1;
					    transition: 0.2s ease-in-out;
						display: block;
					    position: absolute;
					    opacity: 0;
					    bottom: 1.9rem;
					    color: #5d5d5d;
					    transition: 0.2s ease-in-out transform;
					    font-size: 15px;
					}
				}
				& .sign-in-password{
					position: relative;
					margin: 10px auto;
					font-size: 1.0em;
					padding: 15px !important;
					height: 55px !important;
					width: 100%;
					& i{
						z-index: 1;
						right: 30px;
						top: 20px;
						color: rgba(255,255,255,1);
						opacity: 0.8;
						cursor: pointer;
						font-size: 1.6em;
						padding: 4px !important;
						position: absolute;
					}
					& input{
						outline: none;
						width: 100%;
					    margin: 0;
					    font-family: "Montserrat", Arial, Helvetica, sans-serif;
						font-size: 1em;
						color: rgba(255,255,255,1);
						background-color: rgba(0,0,0,1);
						border-radius: 25px;
						padding: 15px !important;
						border: none !important;
						accent-color: var(--black);
					}
					& label{
						visibility: hidden;
						z-index: -1;
						transition: 0.2s ease-in-out;
						display: block;
						position: absolute;
						opacity: 0;
						bottom: 1.9rem;
						color: #5d5d5d;
						transition: 0.2s ease-in-out transform;
						font-size: 15px;
					}
				}
				& .sign-in-button{
					position: relative;
					margin: 10px auto;
					font-size: 1.0em;
					padding: 15px !important;
					height: 55px !important;
					width: 100%;
					& input{
						text-align: center;
						outline: none;
						font-size: 1em;
						background-color: rgba(204,204,204,1);
						border-radius: 25px;
						cursor: pointer;
						padding: 15px !important;
						border: none !important;
						font-weight: 700;
						text-transform: uppercase;
						accent-color: #000;
					}
				}
			}
			& .sign-in-continue{
				padding: 15px !important;
				width: 100%;
				display: block;
			}
			& .sign-in-google-button{
				font-weight: 500;
				width: 100%;
				display: flex !important;
				justify-content: center;
				align-items: center;
				gap: 10px;
				& div{
					width: 40px;
					border: solid 1px rgba(204,204,204,1);
					aspect-ratio: 1/1.0;
					border-radius: 50%;
					padding: 7px !important;
					display: flex !important;
				    justify-content: center;
				    align-items: center;
				    gap: 10px;
					& a{
						color: black;
						text-decoration: none;
						font-weight: 500;
						text-align: center;
						& img{
							width: 100% !important;
							height: 100% !important;
							object-fit: cover !important;
							max-width: 100% !important;
							max-height: 100% !important;
							vertical-align: middle;
							border: none;
						}
					}
				}
			}
			& #forgot_pass{
				cursor: pointer;
				padding: 15px !important;
				font-weight: 700;
				width: 100%;
				display: block;
			}
		}
	}
}