/* FONT STYLE */
.font-size-060rem {
font-size: 0.6rem !important;
}

.font-size-065rem {
font-size: 0.65rem !important;
}

.font-size-070rem {
font-size: 0.7rem !important;
}

.font-size-075rem {
font-size: 0.75rem !important;
}

.font-size-080rem {
font-size: 0.8rem !important;
}

.font-size-085rem {
font-size: 0.85rem !important;
}

.font-size-090rem {
font-size: 0.9rem !important;
}

.font-size-095rem {
font-size: 0.95rem !important;
}

.font-size-100rem {
font-size: 1rem !important;
}

.font-size-105rem {
font-size: 1.05rem !important;
}

.font-size-110rem {
font-size: 1.1rem !important;
}

.font-size-115rem {
font-size: 1.15rem !important;
}

.font-size-120rem {
font-size: 1.2rem !important;
}

.font-size-125rem {
font-size: 1.25rem !important;
}

.font-size-150rem {
font-size: 1.5rem !important;
}

.font-size-160rem {
font-size: 1.6rem !important;
}

.font-line-1-1 {
line-height: 1.1 !important;
}

.font-line-1-2 {
line-height: 1.2 !important;
}

.font-line-1-3 {
line-height: 1.3 !important;
}

.font-line-1-4 {
line-height: 1.4 !important;
}

.font-line-1-5 {
line-height: 1.5 !important;
}

.text-gray-50{
color: rgb(249 250 251 / 0.05);
}
.text-gray-100{
color: rgb(243 244 246 / 0.1);
}
.text-gray-200{
color: rgb(229 231 235 / 0.2);
}
.text-gray-300{
color: rgb(209 213 219 / 0.3);
}
.text-gray-400{
color: rgb(156 163 175 / 0.4);
}
.text-gray-500{
color: rgb(107 114 128 / 0.5);
}
.text-gray-600{
color: rgb(75 85 99 / 0.6);
}
.text-gray-700{
color: rgb(55 65 81 / 0.7);
}
.text-gray-800{
color: rgb(31 41 55 / 0.8);
}
.text-gray-900{
color: rgb(17 24 39 / 0.9);
}
.text-gray-950{
color: rgb(3 7 18 / 0.95);
}

.bg-gray-50{
background-color: rgb(249 250 251 / 0.05);
}
.bg-gray-100{
background-color: rgb(243 244 246 / 0.1);
}
.bg-gray-200{
background-color: rgb(229 231 235 / 0.2);
}
.bg-gray-300{
background-color: rgb(209 213 219 / 0.3);
}
.bg-gray-400{
background-color: rgb(156 163 175 / 0.4);
}
.bg-gray-500{
background-color: rgb(107 114 128 / 0.5);
}
.bg-gray-600{
background-color: rgb(75 85 99 / 0.6);
}
.bg-gray-700{
background-color: rgb(55 65 81 / 0.7);
}
.bg-gray-800{
background-color: rgb(31 41 55 / 0.8);
}
.bg-gray-900{
background-color: rgb(17 24 39 / 0.9);
}
.bg-gray-950{
background-color: rgb(3 7 18 / 0.95);
}



/* Custom */
.card-box-shadow{
border: 1px solid #eeeeee;
border-radius: 5px;
box-shadow: 2px 3px 6px -6px rgba(71, 71, 71, 0.75);
-webkit-box-shadow: 2px 3px 6px -6px rgba(71, 71, 71, 0.75);
-moz-box-shadow: 2px 3px 6px -6px rgba(71, 71, 71, 0.75);
}

/* Product Card */
.card-product{
background-color: #fff;
border:none;
border-radius: 10px;
width: 190px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.image-container{
position: relative;
}
.thumbnail-image{
border-radius: 10px !important;
}
.discount{
background-color: red;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 4px;
font-size: 10px;
border-radius: 6px;
color: #fff;
}
.wishlist{
height: 25px;
width: 25px;
background-color: #eee;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.first{
position: absolute;
width: 100%;
padding: 9px;
}
.dress-name{
font-size: 13px;
font-weight: bold;
width: 75%;
}
.new-price{
font-size: 13px;
font-weight: bold;
color: red;

}
.old-price{
font-size: 8px;
font-weight: bold;
color: grey;
}
.btn-product{
width: 14px;
height: 14px;
border-radius: 50%;
padding: 3px;
}
.creme{
background-color: #fff;
border: 2px solid grey;
}
.creme:hover {
border: 3px solid grey;
}
.creme:focus {
background-color: grey;
}
.red{
background-color: #fff;
border: 2px solid red;	
}
.red:hover {
border: 3px solid red;
}
.red:focus {
background-color: red;
}
.blue{
background-color: #fff;
border: 2px solid #40C4FF;
}
.blue:hover {
border: 3px solid #40C4FF;
}
.blue:focus {
background-color: #40C4FF;
}
.darkblue{
background-color: #fff;
border: 2px solid #01579B;
}
.darkblue:hover {
border: 3px solid #01579B;
}
.darkblue:focus {
background-color: #01579B;
}
.yellow{
background-color: #fff;
border: 2px solid #FFCA28;
}
.yellow:hover {
border-radius: 3px solid #FFCA28;
}
.yellow:focus {
background-color: #FFCA28;
}
.item-size{
width: 15px;
height: 15px;
border-radius: 50%;
background: #fff;
border: 1px solid grey;
color: grey;
font-size: 10px;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
}
.rating-star{
font-size: 30px !important;
}
.rating-number{
font-size: 10px;
color: grey;
}
.buy{
font-size: 12px;
color: purple;
font-weight: 500;
}
.voutchers{
background-color: #fff;
border:none;
border-radius: 10px;
width: 190px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
overflow: hidden;
}
.voutcher-divider{
display: flex;
}
.voutcher-left{
width: 60%
}
.voutcher-name{
color: grey;
font-size: 9px;
font-weight: 500;
}
.voutcher-code{
color: red;
font-size: 11px;
font-weight: bold;
}
.voutcher-right{
width: 40%;	 
background-color: purple;
color: #fff;
}
.discount-percent{
font-size: 12px;
font-weight: bold;
position: relative;
top: 5px;
}
.off{
font-size: 14px;
position: relative;
bottom: 5px;
}