.woolist-line-price {
font-size: 16px;
text-decoration: line-through;
font-weight: 600;
color: #7978787a;
} .woolist-container.elementor-grid{
gap: 30px;
}
.woolist-product-1{
padding: 10px;
box-shadow: 2px 2px 10px 7px rgb(233 233 233 / 25%), -5px 5px 10px 7px rgb(183 183 183 / 22%);
border-radius: 20px;
width: 100%;
margin: 16px;
}
.woolist-product-1 .woolist-img {
display: flex;
}
.woolist-product-img-1 img{
width: 100%;
}
.woolist-content-1{
padding: 10px;
}
.woolist-show-name{
color: #457dc3;
}
.woolist-show-name a{
font-weight: bold;
margin-top: 10px;
font-size: 24px;
color: #457dc3;
}
.woolist-show-description{
color: rgb(70, 70, 70);
font-size: 14px;
}
.woolist-rate-price-wrapper{
display: flex;
justify-content: space-between;
}
.woolist-price-wrapper{
display: flex;
}
.woolist-regular-price{
color: #7978787a;
font-weight: 500;
padding: 5px;
font-size: 20px;
}
.woolist-sale-price{
color: rgb(7, 7, 7);
font-weight: 500;
padding: 5px;
font-size: 22px;
}
.woolist-customer-rate-1{
color: #ffbd17;
display: flex;
align-items: center;
}
.woolist-label-1{
background-color: #457dc3;
color: white;
padding: 0px 5px 0px 5px;
position: absolute;
top:30px;
right: 0px;    
}
.woolist-ribbon{
position: relative;
}
.woolist-button a{
background-color: #457dc3;
color: white;
font-size: 16px;
font-weight: 500;
padding: 8px 15px 8px 15px;  
margin-top: 15px;
transition: all .3s ease;
border: 1px solid #457dc3;
border-radius: 5px;
}
.woolist-button a:hover{
background-color: transparent;
color: #457dc3;
border: 1px solid #457dc3;
}
.woolist-button-wrapper{
margin-top: 15px;
} .woolist-product-2{
position: relative;
display: flex !important;
background-color: rgb(255, 255, 255);
box-shadow: -2px 2px 23px -5px rgba(0,0,0,0.5);
padding: 20px;
justify-content: center;
margin-left: 20px;
border-radius: 10px;
}
.woolist-product-img-2 a {
margin-left: -40px;
background-color: #dfdfdf;
border-radius: 10px;
width: 200px;
height: auto;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
overflow: hidden;
}
.woolist-img img {
display: block;
}
.woolist-price-wrapper-2{
display: flex;
}
.woolist-ribbon-1{
position: absolute;
right: 15px;
top: 15px;
}
.woolist-label-2{
padding: 2px 5px 2px 5px;
background-color: #dfdfdf;
color: rgb(1, 1, 1);
border-radius: 4px;
}
.woolist-title-1 a{
color: black;
font-size: 22px;
}
.woolist-image-wrapper {
display: flex;
align-items: center;
}
.woolist-content-wrapper{
display: flex;
align-items: center;
top: 0;
bottom: 0;
width: 95%;
padding-left: 25px;
}
.woolist-regular-price-2 {
font-size: 16px;
font-weight: 600;
color: #0404047a;
}
.woolist-rating-1 i{
font-size: 15px;
letter-spacing: -4px;
color: #ffbd17;
}
.woolist-sale-price-2{
margin-left: 10px;
color: black;
}
.woolist-show-description-2{
font-size: 15px;
color: rgb(113, 113, 113);
margin-top: 5px;
}
.woolist-button-wrapper-2{
margin-top: 20px;
}
.woolist-button-2 a {
background-color: #dfdfdf;
color: black;
padding: 8px 15px;
border-radius: 5px;
margin-top: 10px;
font-weight: 700;
transition: all .3s ease;
}
.woolist-button-2 a:hover {
background-color: black;
color: #dfdfdf;
padding: 8px 15px;
border-radius: 5px;
margin-top: 10px;
} .woolist-product-3{
display: flex !important;
margin: 5px;
background-color: rgb(255, 234, 208);
border-radius: 25px;
position: relative;
overflow: hidden;
}
.woolist-image-wrapper-3{
display: flex;
}
.woolist-product-img-3 {
padding: 10px;
width: 100%;
display: flex !important;
justify-items: center;
align-items: center;
}
.woolist-product-img-3 a{
overflow: hidden;
}
.woolist-product-img-3 img{
transform: scale(1);
transition: all .4s;
}
.woolist-product-3:hover .woolist-product-img-3 img{
transform: scale(1.2);
}
.woolist-button-3 a {
background-color:#8a4242;
color: rgb(255, 255, 255);
padding: 5px 15px;
border-radius: 5px;
margin-top: 10px;
font-weight: 700;
transition: all .3s ease;
border:1px solid #8a4242;
}
.woolist-button-3 a:hover {
background-color: rgb(255, 255, 255);
color: #8a4242;
}
.woolist-content-wrapper-3{
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.woolist-title-3{
margin: 0;
}
.woolist-title-3  a{
color: #8a4242;
font-size: 25px;
}
.woolist-label-3 {
position: absolute;
display: inline-block;
top: 12px;
right: 10px;
max-width: 5em;
color: #fff;
z-index: 1;
transform: rotate(45deg);
opacity: 1;
font-size: large;
}
.woolist-label-3::after {
position: absolute;
top: -1.5em;
right: -6em;
content: "";
height: 63px;
width: 225px;
background-color: #8a4242;
z-index: -1;
} .woolisting-product-slider.woolist-product-img-3 {
padding: 10px;
width: 120px;
display: flex;
justify-items: center;
align-items: center;
}
.woolisting-product-slider .woolist-product-img-3 img{
width: 250px;
}
.woolisting-product-slider .woolist-product-img-2 a {
width: 150px;
}
.woolisting-product-slider.woolist-product-img-3 {
padding: 10px;
width: 120px;
display: flex !important;
justify-items: center;
align-items: center;
} .woolist-product-4{
position: relative;
overflow: hidden;
box-shadow: 2px 2px 10px 7px rgba(197, 165, 200, 0.25), -5px 5px 10px 7px rgb(183 183 183 / 22%);
border-radius: 20px;
background-color: #f6eef7;
}
.woolist-content-4 {
padding: 0px 15px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #00000061;
overflow: hidden;
width: 100%;
height: 15%;
transition: .5s ease;
z-index: 2;
}
.woolist-product-4:hover .woolist-content-4{
height: 100%;
}
.woolist-label-image-wrapper{
height: 100%;
object-fit: cover;
}
.woolist-label-4{
background-color: #8d52b7;
color: white;
padding: 13px 11px;
border-radius: 50%;
position: absolute;
top:0px;
right: 0px;    
}
.woolist-button-wrapper-4{
margin-top: 15px;
text-align: center;
}
.woolist-button-4 a{
background-color: #8d52b7;
color: white;
font-size: 16px;
font-weight: 500;
padding: 8px 15px 8px 15px;  
margin-top: 15px;
transition: all .3s ease;
border: 1px solid #8d52b7;
border-radius: 5px;
}
.woolist-button-4 a:hover{
background-color: transparent;
color: #8d52b7;
border: 1px solid #8d52b7;
}
.woolist-show-name-4 a {
color: white;
font-size: 25px;
font-weight: 700;
}
.woolist-title-4{
text-align: center;
}
.woolist-product-img-4 img{
width: 100%;
}
.woolist-show-description-4{
color: white;
}
.woolist-product-4 .woolist-regular-price-4{
color: rgb(211, 210, 210);
}
.woolist-product-4 .woolist-sale-price-4{
color: white;
} .woolist-category-img{
margin: 10px;
}
.woolisting-product-slider.woolist-design-1 .slick-prev,
.woolisting-product-slider.woolist-design-2 .slick-prev,
.woolisting-product-slider.woolist-design-3 .slick-prev,
.woolisting-product-slider.woolist-design-4 .slick-prev {
left: 0 !important;
z-index: 999;
}
.woolisting-product-slider.woolist-design-1 .slick-next,
.woolisting-product-slider.woolist-design-2 .slick-next,
.woolisting-product-slider.woolist-design-3 .slick-next,
.woolisting-product-slider.woolist-design-4 .slick-next {
z-index: 999;
right: 17px !important;
}
.woolisting-product-slider.woolist-design-1 .slick-list.draggable,
.woolisting-product-slider.woolist-design-3 .slick-list.draggable,
.woolisting-product-slider.woolist-design-4 .slick-list.draggable {
margin: 0 42px 30px;
}
.woolisting-product-slider.woolist-design-1 .slick-prev i,
.woolisting-product-slider.woolist-design-1 .slick-next i,
.woolisting-product-slider.woolist-design-2 .slick-prev i,
.woolisting-product-slider.woolist-design-2 .slick-next i,
.woolisting-product-slider.woolist-design-3 .slick-prev i,
.woolisting-product-slider.woolist-design-3 .slick-next i,
.woolisting-product-slider.woolist-design-4 .slick-prev i,
.woolisting-product-slider.woolist-design-4 .slick-next i {
color: #FFFFFF !important;
background-color: #FD5056 !important;
border-radius: 50px;
padding: 10px 13px;
}
.woolisting-slider .woolisting-product-img {
margin: 0 8px 0 7px;
position: relative;
}
.woolisting-product-slider.woolist-design-2 .slick-list.draggable{
margin-left: 55px;
margin-right: 55px;
}
.woolisting-product-slider.woolist-design-2 .woolist-product-2{
margin-left: 4.1px;
}
.woolisting-product-slider .slick-slide > div {
margin: 15px;
}
.woolisting-product-slider.woolist-design-2  .slick-slide > div {
margin: 20px;
}
.woolisting-product-slider .woolist-product-1 {
margin: 0;
}  .woolisting-product-slider .slick-dots {
position: absolute;
bottom: -30px !important;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.woolisting-product-slider .slick-dots li button:before {
opacity: .35 !important;
font-size: 25px;
color: #FD5056 !important;
}
.woolisting-product-slider .slick-dots li.slick-active button::before {
opacity: 1 !important;
font-size: 25px;
color: #FD5056 !important;
}
.woolisting-product-slider .slick-dots [type="button"]:focus-visible, .woolisting-product-slider .slick-dots [type="reset"]:focus-visible, .woolisting-product-slider .slick-dots [type="submit"]:focus-visible, .woolisting-product-slider .slick-dots button:focus-visible, [type=button]:focus, [type=submit]:focus, button:focus {
outline: 0 !important;
}
.woolisting-product-slider .slick-dots [type="button"]:focus, .woolisting-product-slider .slick-dots [type="button"]:hover, .woolisting-product-slider .slick-dots [type="submit"]:focus, .woolisting-product-slider .slick-dots [type="submit"]:hover, .woolisting-product-slider .slick-dots button:focus, .woolisting-product-slider .slick-dots button:hover {
color: #ffff !important;
background: none !important;
text-decoration: none;
}
.woolisting-product-slider .slick-prev:before, .woolisting-product-slider .slick-next:before {
font-size: 0 !important;
color: transparent !important;
}
.woolisting-product-slider [type=button], .woolisting-product-slider [type=submit], .woolisting-product-slider button {
color: #000 !important;
background-color: transparent;
border: 0 !important;
padding: 0 !important;
border-radius: 0 !important;
}
.woolisting-product-slider [type=button]:focus, .woolisting-product-slider [type=button]:hover, .woolisting-product-slider [type=submit]:focus, .woolisting-product-slider [type=submit]:hover, .woolisting-product-slider button:focus, .woolisting-product-slider button:hover {
background: none !important;
text-decoration: none;
}
.woolisting-product-slider .slick-prev, .woolisting-product-slider .slick-next {
top: 50% !important;
z-index: 9;
} @media screen and (min-width: 1025px) {
.woolist-container.woolist-design-1,
.woolist-container.woolist-design-4 {
grid-template-columns: repeat(3,1fr);
}
.woolist-container.woolist-design-2,
.woolist-container.woolist-design-3 {
grid-template-columns: repeat(2,1fr);
}
}
@media (max-width: 1024px) and (min-width:767px) {
.woolist-container.woolist-design-1,
.woolist-container.woolist-design-4 {
grid-template-columns: repeat(2,1fr);
}
.woolist-container.woolist-design-2,    
.woolist-container.woolist-design-3 {
grid-template-columns: repeat(1,1fr);
}
.woolisting-product-slider .woolist-content-wrapper {
display: flex;
align-items: center;
top: 0;
bottom: 0;
width: 100%;
padding-left: 10px;
}
.woolisting-product-slider .woolist-product-img-2 a {
margin-left: -40px;
background-color: #dfdfdf;
border-radius: 10px;
width: 120px;
height: auto;
display: flex;
justify-content: center;
align-content: center;
align-items: center;
overflow: hidden;
}
.woolisting-product-slider .woolist-product-3 {
display: flex !important;
flex-direction: column;
padding: 15px;
}
}
@media screen and (max-width: 767px) {
.woolist-container.woolist-design-1,
.woolist-container.woolist-design-2,
.woolist-container.woolist-design-3,
.woolist-container.woolist-design-4{
grid-template-columns: repeat(1,1fr);
}
.woolist-product-2,
.woolist-product-3{
display: flex;
flex-direction: column;
margin-left: 0px;
}
.woolist-product-3{
padding: 15px;
}
.woolist-image-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.woolist-product-img-2 a{
margin-left: 0px;
}
.woolist-label-2 {
padding: 2px 5px 2px 5px;
background-color:#000;
color: #fff ;
border-radius: 4px;
}
.woolist-ribbon-1 {
position: absolute;
right: 20px;
top: 22px;
}
.woolist-content-4 {
font-size: 12px;
height: 20%;
}
.woolisting-product-slider .woolist-product-2 {
padding: 15px;
}
.woolist-content-wrapper{
padding-left: 0px;
}
.woolisting-product-slider.woolist-design-2 .woolist-product-2 {
margin-left: 0px;
}
.woolist-content-wrapper-3 {
display: flex;
padding: 10px;
}
.woolist-content-3 {
width: 100%;
}
}