.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--color-primary: #D52975;
--color-black: #000000;
--color-white: #ffffff;
--color-accent: #FBEAF1;
--color-accent-2: #F2BDD4;
--color-grey: #666666;
--color-grey-2: #999999;
--font-family-base: 'Poppins', sans-serif;
--font-family-heading: 'Playfair Display', sans-serif;
--font-size-base: 14rem;
--line-height-base: 1.5;
} .row{
--bs-gutter-x: 30rem;
}
.container-fluid{
padding: 0 100rem;
}
html{
font-size: 1px;
}
body{
font-size: var(--font-size-base);
font-family: var(--font-family-base);
}
h1, h2, h3, h4, h5, h6{
font-family: var(--font-family-heading);
margin-bottom: 0;
}
h1, .h1{
font-size: 110rem;
}
h2, .h2{
font-size: 96rem;
}
h3, .h3{
font-size: 42rem;
}
h4, .h4{
font-size: 32rem;
}
h5, .h5{
font-size: 28rem;
}
h6, .h6{
font-size: 24rem;
} @font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Poppins/Poppins-Thin.ttf) format("truetype")
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Poppins/Poppins-Regular.ttf) format("truetype")
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Poppins/Poppins-Medium.ttf) format("truetype")
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Poppins/Poppins-SemiBold.ttf) format("truetype")
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Poppins/Poppins-Bold.ttf) format("truetype")
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf) format("truetype")
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Playfair_Display/PlayfairDisplay-Medium.ttf) format("truetype")
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Playfair_Display/PlayfairDisplay-SemiBold.ttf) format("truetype")
}
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(//slashmyprice.com/wp-content/themes/slashmyprice/assets/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf) format("truetype")
} .mobile-sidebar {
position: fixed;
top: 0;
right: -280rem;
height: 100%;
background: var(--color-accent);
z-index: 3;
width: 280rem;
max-width: 100%;
transition: 0.15s all ease-in-out;
}
.mobile-sidebar.active{
right: 0rem;
}
.mobile-menu-close {
position: absolute;
right: 15rem;
top: 15rem;
background: var(--color-black);
z-index: 4;
width: 28rem;
height: 28rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.mobile-menu-close img {
width: 12rem;
height: auto;
}
.mobile-menu-logo {
width: 180rem;
overflow: hidden;
margin: 18rem 0 30rem 15rem;
}
.mobile-menu-logo a{
display: block;
width: 100%;
}
.mobile-menu-logo a img{
width: 100%;
height: auto;
display: block;
}
.mobile-menu {
list-style: none;
padding: 0;
margin: 0;
font-size: 16rem;
}
.mobile-menu li{
margin-bottom: 12rem;
}
.mobile-menu li a{
display: block;
text-transform: uppercase;
text-decoration: none;
color: var(--color-black);
padding: 4rem 15rem;
} header{
border-bottom: 1rem solid rgba(0,0,0,.2);
}
.header-top{
padding: 18rem 0;
border-bottom: 1rem solid rgba(0,0,0,.2);
}
.header-top-main {
display: flex;
align-items: center;
gap: 15rem;
}
.header-top-menu{
flex: 1;
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: wrap;
gap: 20rem;
}
.header-top-menu li a{
text-decoration: none;
color: var(--color-grey);
font-weight: 500;
transition: 0.15s all ease-in-out;
}
.header-top-menu li a:hover,
.header-top-menu li.current-menu-item a{
color: var(--color-black);
}
.header-top-logo{
flex: 1;
}
.header-top-logo a{
display: block;
margin: 0 auto;
width: 230rem;
}
.header-top-logo a img{
width: 100%;
height: auto;
}
.header-top-search{
flex: 1;
}
.header-top-search form{
width: 220rem;
margin-left: auto;
position: relative;
}
.header-top-search form input{
width: 100%;
border: none;
border-bottom: 1rem solid var(--color-grey);
padding: 6rem 30rem 6rem 12rem;
font-size: 14rem;
font-weight: 400;
outline: none;
}
.header-top-search form input:focus{
border-color: var(--color-primary);
}
.header-top-search form img{
position: absolute;
pointer-events: none;
width: 20rem;
height: 20rem;
object-fit: contain;
right: 12rem;
top: 6rem;
}
.header-search-result{
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 300rem;
z-index: 2;
background: var(--color-accent);
overflow: scroll;
padding: 8rem 0;
}
.header-search-result ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 2rem;
}
.header-search-result ul li a{
color: var(--color-black);
display: block;
padding: 5rem 12rem;
text-decoration: none;
transition: 0.15s all ease-in-out;
}
.header-search-result ul li a:hover{
background: rgba(0,0,0,0.05);
}
.header-mob-menu-btn{
display: none;
cursor: pointer;
}
.header-mob-menu-btn img{
width: 24rem;
height: auto;
display: block;
}
.header-menu{
list-style: none;
padding: 32rem 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
flex-flow: wrap;
gap: 60rem;
text-transform: uppercase;
}
.header-menu li a{
text-decoration: none;
color: var(--color-black);
font-weight: 400;
transition: 0.15s all ease-in-out;
}
.header-menu li a:hover,
.header-menu li.current-menu-item a{
color: var(--color-primary);
}
.header-menu li.current-menu-item a{
text-decoration: underline;
} .footer-top{
padding: 30rem 0;
background: rgba(0,0,0,0.9);
}
.footer-logo a{
display: block;
width: 230rem;
margin: 0 auto;
}
.footer-logo a img{
width: 100%;
height: auto;
}
.footer-info{
padding: 20rem 0 0;
text-align: center;
color: var(--color-white);
}
.footer-info p{
font-size: 16rem;
margin-bottom: 12rem;
}
.footer-info p a{
color: var(--color-white);
text-decoration: none;
}
.footer-info p.footer-info-phone{
font-size: 20rem;
font-weight: 500;
}
.footer-info p.footer-info-phone a{
color: var(--color-primary);
}
.footer-social{
display: flex;
align-items: center;
justify-content: center;
list-style: none;
padding: 8rem 0 0;
margin: 0;
gap: 40rem;
}
.footer-social li a{
display: block;
text-decoration: none;
background: var(--color-primary);
color: var(--color-white);
padding: 10rem 24rem;
transition: 0.15s all ease-in-out;
}
.footer-social li a:hover{
background: var(--color-accent);
color: var(--color-primary);
}
.footer-middle{
padding: 30rem 0;
background: rgba(0,0,0,0.9);
border-top: 1rem solid var(--color-grey-2);
}
.footer-middle-menu{
display: flex;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
text-transform: uppercase;
gap: 24rem;
font-size: 16rem;
}
.footer-middle-menu li{
position: relative;
padding-left: 24rem;
}
.footer-middle-menu li:first-child{
padding-left: 0;
}
.footer-middle-menu li:before{
content: '';
position: absolute;
top: 50%;
transform: translatey(-50%);
left: 0;
height: 100%;
width: 1rem;
background: var(--color-grey-2)
}
.footer-middle-menu li:first-child:before{
display: none;
}
.footer-middle-menu li a{
display: block;
text-decoration: none;
color: var(--color-white);
transition: 0.15s all ease-in-out;
line-height: 1;
}
.footer-middle-menu li a:hover{
color: var(--color-primary);
}
.footer-copyright{
background: var(--color-black);
padding: 25rem 0;
}
.footer-copyright p{
margin: 0;
text-align: center;
color: #D9D9D9;
font-weight: 400;
}
.footer-copyright p a{
text-decoration: none;
color: var(--color-primary);
transition: 0.15s all ease-in-out;
}
.footer-copyright p a:hover{
color: var(--color-accent);
} .time-offer-sec{
background: var(--color-accent);
padding: 40rem 0;
}
.time-offer-sec h3{
margin-bottom: 30rem;
}
.time-offer-timer {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8rem;
}
.time-offer-timeframe {
display: flex;
flex-direction: column;
align-items: center;
gap: 4rem;
margin-bottom: 30rem;
}
.time-offer-timeframe-separator {
font-size: 24rem;
margin-top: 22rem;
line-height: 1;
align-self: flex-start;
font-weight: 400;
}
.time-offer-timeframe .time-offer-time-counter {
display: flex;
align-items: center;
justify-content: center;
background: var(--color-black);
color: var(--color-white);
text-align: center;
font-size: 28rem;
line-height: 1;
padding: 20rem;
width: 68rem;
height: 68rem;
font-weight: 500;
}
.timer-offer-time-label{
font-size: 14rem;
font-weight: 400;
}
.timer-offer-action{
padding: 10rem 20rem;
display: flex;
align-items: center;
justify-content: center;
gap: 12rem;
border: 1rem solid var(--color-black);
width: max-content;
text-decoration: none;
color: var(--color-black);
text-transform: uppercase;
position: relative;
background: var(--color-accent);
box-shadow: 2rem 2rem 0rem 0rem var(--color-accent),
3rem 3rem 0rem 0rem var(--color-primary);
transition: 0.15s all ease-in-out;
}
.timer-offer-action img{
width: 16rem;
height: auto;
transition: 0.15s all ease-in-out;
}
.timer-offer-action:hover{
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.timer-offer-action:hover img{
filter: contrast(0) brightness(2);
}
.time-offer-img {
width: 100%;
height: 100%;
object-fit: cover;
padding-left: 70rem;
} .hero-slider .swiper-slide{
width: 10%;
transition: 0.15s all ease-in-out;
}
.hero-slider .swiper-slide.swiper-slide-active{
width: 60%;
}
.hero-slide{
display: block;
overflow: hidden;
position: relative;
text-decoration: none;
pointer-events: none;
}
.hero-slider .swiper-slide.swiper-slide-active .hero-slide{
pointer-events: auto;
}
.hero-slide:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-black);
opacity: 0;
transition: 0.15s all ease-in-out;
}
.hero-slide-image{
width: 100%;
height: 90vh;
object-fit: cover;
}
.hero-slide-label {
color: var(--color-white);
position: absolute;
top: 0;
left: 0;
writing-mode: sideways-lr;
height: 100%;
text-align: center;
z-index: 1;
font-family: var(--font-family-heading);
opacity: 0;
transition: 0.15s all ease-in-out;
font-weight: 500;
}
.hero-slider .swiper-slide.swiper-slide-active .hero-slide:before{
opacity: 0.2;
}
.hero-slider .swiper-slide.swiper-slide-active .hero-slide-label{
opacity: 1;
}
.hero-pagination{
display: none !important;	
} .marquee-text{
background: var(--color-black);
padding: 8rem 0;
overflow: hidden;
}
.marquee-text-main{
display: flex;
align-content: center;
justify-content: space-around;
gap: 24rem;
}
.marquee-text ul{
display: flex;
align-items: center;
justify-content: flex-start;
color: var(--color-white);
font-family: var(--font-family-heading);
font-size: 28rem;
text-transform: uppercase;
list-style: none;
margin: 0;
padding: 0;
gap: 24rem;
white-space: nowrap;
font-weight: 400;
letter-spacing: 0.5rem;
animation: scroll 15s linear infinite;
}
@keyframes scroll{
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-100% - 0rem));
}
}
.marquee-text ul li {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 24rem;
line-height: 1;
margin: 0;
}
.marquee-text ul li:before {
content: '';
position: relative;
width: 8rem;
height: 8rem;
border-radius: 50%;
display: inline-flex;
background: var(--color-primary);
z-index: 1;
align-items: center;
justify-content: center;
} .featured-stores-sec{
padding: 80rem 0;
}
.featured-stores{
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: wrap;
gap: 30rem;
}
.featured-store {
flex: 0 0 calc(20% - 24rem);
max-width: calc(20% - 24rem);
display: block;
}
.featured-store img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1.195;
object-fit: cover;
} .head-with-arrows {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1rem solid var(--color-grey-2);
margin-bottom: 30rem;
padding: 5rem 0;
}
.head-with-arrows-title{
text-decoration: underline;
text-underline-offset: 11rem;
text-decoration-color: var(--color-primary);
text-decoration-thickness: 2rem;
}
.default-arrows {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8rem;
}
.default-arrow-left,
.default-arrow-right{
border: 1rem solid var(--color-black);
border-radius: 50%;
width: 28rem;
height: 28rem;
display: flex;
align-items: center;
justify-content: center;
}
.default-arrow-left.swiper-button-disabled,
.default-arrow-right.swiper-button-disabled{
border: 1rem solid var(--color-grey-2);
}
.default-arrow-left img,
.default-arrow-right img{
width: 6rem;
height: auto;
filter: grayscale(1) brightness(0);
}
.default-arrow-left.swiper-button-disabled img,
.default-arrow-right.swiper-button-disabled img{
filter: unset;
}
.default-arrow-left img{
transform: scaleX(-1);
} .deals-sec-1{
padding-bottom: 80rem;
} .spotlight-deals{
padding: 0 50rem;
}
.spotlight-item{
display: block;
text-decoration: none;
color: var(--color-black);
}
.spotlight-item:hover{
color: var(--color-black);
}
.spotlight-image{
margin-bottom: 20rem;
}
.spotlight-image img{
width: 100%;
height: auto;
aspect-ratio: 1/1.197;
object-fit: cover;	
}
.spotlight-title{
font-family: var(--font-family-base);
color: var(--color-black);
font-size: 20rem;
margin-bottom: 8rem;
text-align: center;
}
.spotlight-price{
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
}
.spotlight-saleprice{
font-size: 26rem;
font-weight: 500;
}
.spotlight-regprice{
color: var(--color-grey);
font-size: 16rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1rem;
}
.spotlight-tag{
text-align: center;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4rem;
margin-top: 30rem;
}
.spotlight-tag:before{
content: '';
position: absolute;
top: 8%;
left: 50%;
transform: translatex(-50%);
background: var(--color-accent-2);
width: 340rem;
max-width: 100%;
height: 55%;
z-index: -2;
}
.spotlight-tag-line1{
font-size: 24rem;
text-transform: uppercase;
line-height: 1;
}
.spotlight-tag-line2{
font-size: 100rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
} .new-arrival-item{
display: block;
text-decoration: none;
color: var(--color-black);
}
.new-arrival-item:hover{
color: var(--color-black);
}
.new-arrival-image{
margin-bottom: 12rem;
}
.new-arrival-image img{
width: 100%;
height: auto;
aspect-ratio: 1/1.197;
object-fit: cover;	
}
.new-arrival-title{
font-family: var(--font-family-base);
color: var(--color-black);
font-size: 16rem;
margin-bottom: 8rem;
text-align: center;
font-weight: 400;
}
.new-arrival-price{
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
}
.new-arrival-saleprice{
font-size: 16rem;
font-weight: 400;
}
.new-arrival-regprice{
color: var(--color-grey);
font-size: 14rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1rem;
} .best-offers-sec{
padding-bottom: 130rem;
}
.best-offers-heading{
text-align: center;
text-shadow: 2rem 2rem var(--color-primary);
text-transform: uppercase;
margin-bottom: 30rem;
}
.best-offer{
display: block;
text-decoration: none;
}
.best-offer-image {
width: 100%;
height: auto;
margin-bottom: 20rem;
aspect-ratio: 1 / 1.205;
object-fit: cover;
}
.best-offer-action{
text-transform: uppercase;
font-size: 20rem;
color: var(--color-black);
font-weight: 500;
text-decoration: none;
display: block;
text-align: center;
}
.best-offer:hover .best-offer-action{
text-decoration: underline;
text-underline-offset: 5rem;
text-decoration-thickness: 1rem;
} .highend-fashion-sec{
padding-bottom: 80rem;
}
.highend-celebs-list{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12rem;
}
.highend-celeb-item{
display: flex;
justify-content: flex-start;
gap: 18rem;
}
.highend-celeb-item-count{
font-size: 20rem;
font-weight: 400;
font-family: var(--font-family-heading);
cursor: pointer;
}
.highend-celeb-item-title{
font-size: 20rem;
margin-bottom: 12rem;
text-transform: uppercase;
cursor: pointer;
transition: 0.15s all ease-in-out;
}
.highend-celeb-item-title:hover{
text-decoration: underline;
text-decoration-color: var(--color-primary);
text-underline-offset: 5rem;
text-decoration-thickness: 1rem;
}
.highend-celeb-item-desc{
display: none;
}
.highend-celeb-item-desc p{
font-size: 14rem;
margin: 0;
font-weight: 400;
}
.highend-celeb-item-link{
margin-top: 12rem;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12rem;
text-transform: uppercase;
text-decoration: none;
color: var(--color-black);
transition: 0.15s all ease-in-out;
}
.highend-celeb-item-link:hover{
color: var(--color-primary);
}
.highend-celeb-item-link img{
width: 14rem;
height: auto;
}
.highend-fashion-img img{
width: 100%;
height: auto;
aspect-ratio: 1/1.076;
object-fit: cover;
}
.highend-fashion-head{
text-align: center;
display: flex;
flex-direction: column;
gap: 20rem;
}
.highend-fashion-head p{
margin: 0;
color: var(--color-grey);
}
.highend-fashion-action{
display: flex;
align-items: center;
justify-content: center;
background: var(--color-primary);
color: var(--color-white);
text-transform: uppercase;
font-weight: 400;
gap: 12rem;
width: max-content;
margin: 0 auto;
padding: 8rem 24rem;
text-decoration: none;
transition: 0.15s all ease-in-out;
}
.highend-fashion-action img{
width: 14rem;
height: auto;
filter: contrast(0) brightness(2);
}
.highend-fashion-action:hover{
color: var(--color-white);
box-shadow: 2rem 2rem 0rem 0rem var(--color-accent),
3rem 3rem 0rem 0rem var(--color-primary);
} .holiday-offers-sec{
padding-bottom: 80rem;
}
.holiday-item{
display: block;
text-decoration: none;
color: var(--color-black);
}
.holiday-item:hover{
color: var(--color-black);
}
.holiday-image{
margin-bottom: 12rem;
}
.holiday-image img{
width: 100%;
height: auto;
aspect-ratio: 1/1.197;
object-fit: cover;	
}
.holiday-title{
font-family: var(--font-family-base);
color: var(--color-black);
font-size: 14rem;
margin-bottom: 8rem;
text-align: center;
font-weight: 400;
}
.holiday-price{
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
}
.holiday-saleprice{
font-size: 16rem;
font-weight: 400;
}
.holiday-regprice{
color: var(--color-grey);
font-size: 14rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1rem;
} .trendsetter-sec{
padding-bottom: 80rem;
}
.trendsetter-promo{
position: relative;
}
.trendsetter-promo img {
width: 100%;
height: auto;
aspect-ratio: 1 / 1.2;
object-fit: cover;
}
.trendsetter-promo-content {
position: absolute;
bottom: 50rem;
left: 50rem;
z-index: 1;
display: flex;
flex-direction: column;
gap: 12rem;
}
.trendsetter-promo-title{
text-transform: uppercase;
color: var(--color-white);
background: var(--color-black);
font-weight: 500;
font-size: 30rem;
padding: 12rem 18rem;
line-height: 1;
}
.trendsetter-promo-code{
text-transform: uppercase;
color: var(--color-white);
background: var(--color-black);
font-weight: 700;
font-size: 32rem;
padding: 12rem 18rem;
line-height: 1.2;
}
.trendsetter-offers{
padding: 0 30rem;
display: flex;
height: 100%;
align-items: center;
}
.trendsetter-item{
display: block;
text-decoration: none;
color: var(--color-black);
}
.trendsetter-item:hover{
color: var(--color-black);
}
.trendsetter-image{
margin-bottom: 12rem;
}
.trendsetter-image img{
width: 100%;
height: auto;
aspect-ratio: 1/1.197;
object-fit: cover;	
}
.trendsetter-title{
font-family: var(--font-family-base);
color: var(--color-black);
font-size: 18rem;
margin-bottom: 8rem;
text-align: center;
font-weight: 400;
}
.trendsetter-price{
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
}
.trendsetter-saleprice{
font-size: 20rem;
font-weight: 500;
}
.trendsetter-regprice{
color: var(--color-grey);
font-size: 16rem;
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1rem;
}
.trendsetter-pagination {
position: absolute;
right: 0;
top: 0 !important;
height: 100%;
display: flex;
flex-direction: column;
left: unset !important;
width: max-content !important;
gap: 8rem;
}
.swiper-pagination-bullet {
flex: 1;
border-radius: 0;
width: 4rem;
background: #cccccc;
transition: 0.15s all ease-in-out;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background: var(--color-black);
} .promo-banner-sec {
position: relative;
background: #EC9DC0;
padding: 70rem 0;
}
.promo-banner-bg-image {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: auto;
max-width: 100%;
object-fit: cover;
}
.promo-banner-image{
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 1/1.157;
}
.promo-banner-content{
padding-left: 36rem;
}
.promo-banner-tagline {
font-size: 24rem;
text-transform: uppercase;
letter-spacing: 8rem;
font-weight: 500;
margin-bottom: 0;
}
.promo-banner-highlight-txt{
font-size: 100rem;
line-height: 1;
margin-bottom: 20rem;
font-family: var(--font-family-heading);
font-style: italic;
color: var(--color-primary);
font-weight: 500;
}
.promo-banner-desc{
font-size: 18rem;
padding-right: 70rem;
margin-bottom: 24rem;
}
.promo-banner-action{
padding: 10rem 20rem;
display: flex;
align-items: center;
justify-content: center;
gap: 12rem;
border: 1rem solid var(--color-black);
width: max-content;
text-decoration: none;
color: var(--color-black);
text-transform: uppercase;
position: relative;
box-shadow: 2rem 2rem 0rem 0rem #c0c0c4,
3rem 3rem 0rem 0rem var(--color-primary);
transition: 0.15s all ease-in-out;
}
.promo-banner-action img{
width: 16rem;
height: auto;
transition: 0.15s all ease-in-out;
}
.promo-banner-action:hover{
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-primary);
}
.promo-banner-action:hover img{
filter: contrast(0) brightness(2);
} .categories-sec{
padding: 130rem 0 80rem;
}
.f-category{
display: flex;
align-items: flex-end;
justify-content: flex-start;
gap: 2rem;
border-left: 2rem solid var(--color-black);
padding: 18rem 0 18rem 0;
position: relative;
color: var(--color-black);
text-decoration: none;
}
.f-cateogry-img {
width: 200rem;
height: auto;
aspect-ratio: 1 / 0.715;
object-fit: cover;
}
.f-category-title span {
writing-mode: sideways-lr;
font-size: 20rem;
display: block;
width: 100%;
height: 143rem;
line-height: 1.2;
} .page-header{
padding: 70rem 0 60rem;
}
.page-header h2{
text-align: center;
} .categories-pg-sec{
padding-bottom: 40rem;
}
.category-pg-card{
display: block;
position: relative;
aspect-ratio: 1/0.58;
text-decoration: none;
color: var(--color-black);
margin-bottom: 30rem;
}
.category-pg-card:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-black);
opacity: 0.2;
}
.category-pg-card-image{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.category-pg-card-title{
position: absolute;
top: 50%;
transform: translatey(-50%);
left: 30rem;
color: var(--color-white);
font-weight: 600;
font-size: 34rem;
line-height: 1.2;
} .stores-pg-sec{
overflow: hidden;
padding-bottom: 70rem;
}
.stores-pg-sec .row{
margin: 0 -30rem;
}
.store-card{
display: block;
margin: 0 15rem 60rem;
text-decoration: none;
text-align: center;
color: var(--color-black);
}
.store-card-image{
width: 100%;
height: auto;
aspect-ratio: 1/1;
padding: 30rem;
border: 1rem solid #cccccc;
transition: 0.15s all ease-in-out;
margin-bottom: 24rem;
}
.store-card-logo{
width: 100%;
height: 100%;
object-fit: contain;
}
.store-card:hover .store-card-image{
border-color: var(--color-primary);
box-shadow: 0rem 24rem 20rem 0rem #D5297533;
}
.store-card-name{
display: block;
font-size: 16rem;
font-weight: 400;
margin: 0;
}
.store-card:hover .store-card-name{
color: var(--color-black);
}
.stores-pg-sec .pagination{
justify-content: center;
}
.stores-pg-sec .pagination ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
}
.stores-pg-sec .pagination ul .page-numbers {
width: 36rem;
height: 36rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1rem solid var(--color-grey);
text-decoration: none;
color: var(--color-grey);
transition: 0.15s all ease-in-out;
}
.stores-pg-sec .pagination ul a.page-numbers:hover{
color: var(--color-black);
border-color: var(--color-black);
background: var(--color-accent);
}
.stores-pg-sec .pagination ul .page-numbers.dots {
border: none;
padding: 0;
width: max-content;
height: max-content;
display: block;
border-radius: 0;
}
.stores-pg-sec .pagination ul .page-numbers.current {
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-white);
} .default-content-sec{
padding: 70rem 0;
}
.default-content-head{
margin-bottom: 40rem;
}
.default-content-body{
overflow-wrap: break-word;
}
.default-content-body h1,
.default-content-body h2,
.default-content-body h3,
.default-content-body h4,
.default-content-body h5,
.default-content-body h6{
margin-bottom: 24rem;
}
.default-content-body h1 b,
.default-content-body h1 strong,
.default-content-body h2 b,
.default-content-body h2 strong,
.default-content-body h3 b,
.default-content-body h3 strong,
.default-content-body h4 b,
.default-content-body h4 strong,
.default-content-body h5 b,
.default-content-body h5 strong,
.default-content-body h6 b,
.default-content-body h6 strong{
font-weight: 500;
}
.default-content-body p {
font-weight: 400;
margin-bottom: 24rem;
line-height: 2;
}
.default-content-body p:last-child {
margin-bottom: 0rem;
}
.default-content-body p b,
.default-content-body p strong{
font-weight: 500;
}
.default-content-body ul,
.default-content-body ol {
padding: 0 36rem;
margin: 0 0 24rem;
line-height: 2;
}
.default-content-body a{
color: var(--color-primary);
text-decoration: none;
transition: 0.15s all ease-in-out;
}
.default-content-body a:hover{
text-decoration: underline;
text-underline-offset: 4rem;
text-decoration-color: var(--color-primary);
text-decoration-thickness: 1rem;
} .contact-page-sec{
padding: 140rem 0 110rem;
position: relative;
background: var(--color-primary);
}
.contact-sec-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.1;
}
.contact-page-content{
color: var(--color-white);
}
.contact-page-content h2{
margin-bottom: 30rem;
}
.contact-page-content p {
margin: 0;
line-height: 2;
font-size: 16rem;
padding-right: 90rem;
}
.contact-card{
padding: 40rem 30rem 20rem;
background: var(--color-white);
box-shadow: -30rem -30rem 0rem 0rem var(--color-black);
}
.contact-card-title{
margin-bottom: 20rem
}
.contatact-card-info-head {
border-bottom: 1rem solid var(--color-grey-2);
padding: 4rem 0;
margin-bottom: 20rem;
}
.contatact-card-info-head h3 {
text-decoration: underline;
text-decoration-color: var(--color-primary);
text-underline-offset: 8rem;
text-decoration-thickness: 2rem;
}
.contatact-card-info {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 16rem;
margin-bottom: 20rem;
}
.contatact-card-info-icon {
background: var(--color-primary);
flex: 0 0 44rem;
max-width: 44rem;
height: 44rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.contatact-card-info-icon img {
width: 20rem;
height: auto;
}
.contatact-card-info-txt a {
color: var(--color-black);
text-decoration: none;
font-size: 16rem;
font-weight: 500;
}
.contatact-card-info-txt p {
font-size: 16rem;
font-weight: 500;
} .single-store-banner{
background: var(--color-primary);
position: relative;
padding: 70rem 0;
z-index: 1;
}
.single-store-banner:before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-black);
opacity: 0.2;
}
.single-store-banner-img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
}
.single-store-banner-head{
text-align: center;
color: var(--color-white);
}
.single-store-banner-logo {
width: 180rem;
height: auto;
aspect-ratio: 1 / 0.65;
border: 1rem solid #cccccc;
object-fit: contain;
background: var(--color-white);
margin-bottom: 12rem;
display: none;
}
.single-store-banner-name{
display: flex;
flex-direction: column;
gap: 4rem;
}
.single-store-tabs{
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
padding: 0;
list-style: none;
margin: 20rem 0 0;
}
.single-store-tabs li {
background: var(--color-accent);
color: var(--color-black);
font-size: 16rem;
line-height: 1;
font-weight: 400;
padding: 12rem 24rem;
transition: 0.15s all ease-in-out;
cursor: pointer;
}
.single-store-tabs li.active{
background-color: var(--color-primary);
color: var(--color-white);
}
.single-store-body{
padding: 70rem 0;
}
.single-store-body .sidebar{
padding-right: 60rem;
}
.sidebar .s-st-logo{
width: 180rem;
max-width: 100%;
height: auto;
display: block;
}
.sidebar hr{
margin: 48rem 0;
}
.sidebar .offer-abt .title{
font-family: var(--font-family-heading);
margin-bottom: 20rem;
}
.sidebar .offer-abt p,
.sidebar .message{
margin: 0;
line-height: 2;
}
.sidebar .offer-abt p a,
.sidebar .message a,
.sidebar .message span{
color: var(--color-primary);
transition: 0.15s all ease-in-out;
}
.sidebar .offer-abt p a:hover,
.sidebar .message a:hover{
text-decoration: underline;
text-underline-offset: 4rem;
text-decoration-color: var(--color-primary);
text-decoration-thickness: 1rem;
}
.related-stores-list{
display: flex;
justify-content: flex-start;
gap: 16rem;
flex-flow: wrap;
list-style: none;
padding: 0;
margin: 30rem 0 0;
}
.related-stores-item{
flex: 0 0 calc(33.33% - 11rem);
max-width: calc(33.33% - 11rem);
}
.related-stores-item a {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
overflow: hidden;
border: 1rem solid #cccccc;
padding: 8rem;
transition: 0.15s all ease-in-out;
}
.related-stores-item a img{
width: 100%;
height: 100%;
object-fit: contain;
}
.related-stores-item:hover a{
border-color: var(--color-primary);
box-shadow: 0rem 14rem 12rem 0rem #D5297533;
}
.single-store-total-main{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 30rem;
}
.single-store-total-title{
color: var(--color-primary);
text-transform: uppercase;
font-size: 18rem;
}
.single-store-total-content{
font-weight: 600;
color: var(--color-primary);
font-size: 18rem;
}
.s-st-offers{
list-style: none;
padding: 0;
margin: 0;
}
.s-st-offers li {
margin-bottom: 30rem;
border: 1rem solid #cccccc;
display: flex;
align-items: center;
justify-content: flex-start;
}
.s-st-off-ctn{
padding: 24rem 0;
flex: 1;
}
.s-st-off-btn{
text-decoration: none;
background: var(--color-primary);
color: var(--color-white);
display: block;
line-height: 1;
margin-right: 30rem;
font-size: 22rem;
padding: 20rem 8rem;
width: 200rem;
text-align: center;
text-transform: capitalize;
transition: 0.15s all ease-in-out;
}
.s-st-off-btn:hover{
color: var(--color-white);
box-shadow: 2rem 2rem 0rem 0rem var(--color-white),
3rem 3rem 0rem 0rem var(--color-primary);
}
.s-st-off-logo {
border-right: 1rem solid #cccccc;
align-self: stretch;
padding: 12rem;
flex: 0 0 180rem;
aspect-ratio: 1 / 1;
object-fit: contain;
margin-right: 30rem;
}
.s-st-off-ctn-tagline {
padding: 2rem 8rem;
border: 1rem solid var(--color-primary);
color: var(--color-primary);
width: max-content;
max-width: 100%;
text-transform: capitalize;
font-size: 16rem;
margin-bottom: 20rem;
}
.s-st-off-ctn-content .title {
font-size: 22rem;
font-family: var(--font-family-heading);
margin-bottom: 12rem;
}
.s-st-off-meta {
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: wrap;
gap: 12rem;
}
.s-st-off-ver{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8rem;
}
.s-st-off-ver img{
width: 18rem;
height: auto;
}
.s-st-off-ver span{
font-size: 16rem;
}
.deal-details-popup{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.2);
z-index: 2;
}
.deal-details-popup-inner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: var(--color-accent);
width: 600rem;
max-width: calc(100% - 30rem);
max-height: calc(100% - 30rem);
padding: 15rem;
}
.deal-popup-logo {
aspect-ratio: 1 / 0.68;
width: 180rem;
height: auto;
overflow: hidden;
margin: 0 auto;
}
.deal-popup-logo a{
display: block;
width: 100%;
height: 100%;
}
.deal-popup-logo a img {
width: 100%;
height: 100%;
object-fit: contain;
background: var(--color-white);
}
.deal-details-popup-title {
text-align: center;
}
.deal-details-popup-title h3 {
font-size: 24rem;
margin-bottom: 20rem;
}
.deal-details-popup-couponbox {
background: var(--color-white);
display: flex;
align-items: center;
justify-content: space-between;
padding: 8rem;
position: relative;
gap: 8rem;
}
.deal-details-popup-coupon-code {
font-size: 24rem;
font-family: var(--font-family-base);
text-align: center;
flex: 1;
font-weight: 500;
}
button.deal-details-popup-coupon-copybtn {
background: var(--color-primary);
border: none;
width: 80rem;
display: block;
align-self: stretch;
color: var(--color-white);
font-weight: 500;
padding: 8rem 8rem;
}
.deal-details-popup-coupon-note {
text-align: center;
line-height: 2;
font-size: 12rem;
margin-top: 12rem;
color: var(--color-grey);
font-weight: 400;
}
.deal-details-popup-coupon-note a{
text-decoration: none;
color: var(--color-primary);
}
.deal-popup-close{
background: var(--color-black);
width: 32rem;
height: 32rem;
padding: 8rem;
position: absolute;
right: 16rem;
top: 16rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.deal-popup-close img{
width: 100%;
height: 100%;
object-fit: contain;
} .single-review-sec{
padding-bottom: 70rem;
}
.s-rev-item-main {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 30rem;
}
.s-rev-item{
display: flex;
overflow: hidden;
border: 1rem solid #cccccc;
position: relative;
gap: 16rem;
background: var(--color-accent);
}
.s-rev-item-lable{
position: absolute;
top: 20rem;
left: 0;
background: var(--color-primary);
color: var(--color-white);
font-size: 16rem;
text-transform: uppercase;
line-height: 1;
padding: 8rem 12rem;
}
.s-rev-item-img{
width: 200rem;
height: auto;
object-fit: contain;
display: block;
padding: 12rem;
}
.s-rev-item-ctn{
flex: 1;
padding: 24rem 30rem 24rem 24rem;
background: var(--color-white);
}
.s-rev-item-st-logo {
border: 1rem solid #cccccc;
width: 120rem;
height: auto;
aspect-ratio: 1 / 0.67;
object-fit: contain;
padding: 12rem;
}
.s-rev-item-row-l .price{
display: flex;
align-items: center;
justify-content: flex-end;
font-size: 20rem;
font-weight: 500;
gap: 8rem;
}
.s-rev-item-row-l .price span {
font-size: 16rem;
color: var(--color-grey);
font-weight: 400;
text-decoration: line-through;
text-decoration-thickness: 1rem;
}
.s-rev-item-row-l .title {
font-size: 20rem;
font-family: var(--font-family-heading);
margin-top: 20rem;
line-height: 1.4;
}
.s-rev-item-row-r{
display: flex;
align-items: center;
justify-content: space-between;
gap: 12rem;
margin-top: 20rem;
}
.s-rev-item-row-r .rating{
display: flex;
flex-direction: column;
gap: 0rem;
align-items: flex-start;
}
.s-rev-item-row-r .title{
font-size: 16rem;
font-weight: 400;
text-transform: uppercase;
color: var(--color-black);
letter-spacing: 1rem;
}
.s-rev-item-row-r .rating ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 4rem;
}
.s-rev-item-row-r .rating ul li img{
width: 18rem;
height: auto;
display: block;
}
.s-rev-item-row-r .rating-num {
font-size: 24rem;
margin-left: 12rem;
color: var(--color-primary);
font-weight: 600;
}
.s-rev-item-btn {
background: var(--color-primary);
color: var(--color-accent);
text-decoration: none;
display: block;
text-align: center;
font-size: 13rem;
padding: 8rem 12rem;
flex: 0 0 164rem;
}
.s-rev-item-btn span {
color: var(--color-white);
font-weight: 500;
font-size: 16rem;
display: block;
line-height: 1.2;
}
.s-rev-item-btn:hover{
color: var(--color-white);
box-shadow: 2rem 2rem 0rem 0rem var(--color-white),
3rem 3rem 0rem 0rem var(--color-primary);
transition: 0.15s all ease-in-out;
}
.s-rev-item-abt{
margin-top: 20rem;
}
.s-rev-item-abt .title{
font-family: var(--font-family-heading);
margin-bottom: 20rem;
}
.s-rev-item-abt .contentWrapper {
height: 94rem;
overflow: hidden;
}
.s-rev-item-abt .contentWrapper.active{
height: auto;
}
.s-rev-item-abt .contentWrapper p{
line-height: 1.6;
font-size: 14rem;
margin-bottom: 12rem;
}
.s-rev-item-abt .contentWrapper p:last-child{
margin-bottom: 0rem;
}
.s-rev-item-abt .contentWrapper ul,
.s-rev-item-abt .contentWrapper ol{
padding: 0 0 0 30rem;
margin-bottom: 24rem;
line-height: 1.6;
}
.s-rev-item-abt .contentWrapper ul{
list-style: disc;
}
.s-rev-item-abt-more {
display: block;
width: max-content;
text-decoration: none;
color: var(--color-primary);
font-weight: 500;
transition: 0.15s all ease-in-out;
margin-top: 15rem;
}
.s-rev-item-abt-more:hover{
text-decoration: underline;
color: var(--color-primary);
text-underline-offset: 4rem;
text-decoration-thickness: 1rem;
}
.s-review-sidebar{
padding-left: 30rem;
}
.s-review-sidebar hr{
margin: 30rem 0;
}
.s-review-sidebar h3{
margin-bottom: 30rem;
}
.reviews-list{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12rem;
}
.reviews-list li a{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8rem;
text-decoration: none;
color: var(--color-black);
}
.reviews-list li a img{
flex: 0 0 64rem;
max-width: 64rem;
border: 1rem solid #cccccc;
padding: 8rem;
object-fit: contain;
aspect-ratio: 1/1;
transition: 0.15s all ease-in-out;
}
.reviews-list li a span{
display: block;
flex: 1;
}
.reviews-list li:hover a img {
border-color: var(--color-primary);
box-shadow: 0rem 14rem 12rem 0rem #D5297533;
} .blogs-pg-sec{
padding-bottom: 70rem;
}
.blogs-pg-sec .pagination{
justify-content: center;
}
.blogs-pg-sec .pagination ul{
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
gap: 8rem;
}
.blogs-pg-sec .pagination ul .page-numbers {
width: 36rem;
height: 36rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1rem solid var(--color-grey);
text-decoration: none;
color: var(--color-grey);
transition: 0.15s all ease-in-out;
}
.blogs-pg-sec .pagination ul a.page-numbers:hover{
color: var(--color-black);
border-color: var(--color-black);
background: var(--color-accent);
}
.blogs-pg-sec .pagination ul .page-numbers.dots {
border: none;
padding: 0;
width: max-content;
height: max-content;
display: block;
border-radius: 0;
}
.blogs-pg-sec .pagination ul .page-numbers.current {
background: var(--color-primary);
color: var(--color-white);
border-color: var(--color-white);
}
.blogs-item{
position: relative;
margin-bottom: 60rem;
}
.blogs-item-image{
display: block;
overflow: hidden;
aspect-ratio: 1/0.55;
text-decoration: none;
color: var(--color-black);
}
.blogs-item-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.blogs-item-meta{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8rem;
}
.blogs-item-meta img{
flex: 0 0 16rem;
max-width: 16rem;
height: auto;
}
.blogs-item-meta ul{
display: flex;
align-items: center;
justify-content: flex-start;
list-style: none;
padding: 0;
margin: 12rem 0;
color: var(--color-grey);
}
.blogs-item-meta ul li a{
text-decoration: none;
color: var(--color-grey);
}
.blogs-item-meta ul li a:hover{
color: var(--color-black);
}
.blogs-item-title{
text-decoration: none;
color: var(--color-black);
transition: 0.15s all ease-in-out;
margin-bottom: 20rem;
display: block;
}
.blogs-item-title:hover{
color: var(--color-primary);
}
.blogs-item-content{
margin-bottom: 20rem;
}
.blogs-item-content p{
line-height: 1.6;
}
.blogs-item-link{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8rem;
text-decoration: none;
color: var(--color-black);
}
.blogs-item-link img{
width: 16rem;
height: auto;
}
.blogs-item-link:hover{
color: var(--color-black);
} .single-blog-sec{
padding-bottom: 70rem;
}
.single-blog-image{
aspect-ratio: 1/0.45;
overflow: hidden;
}
.single-blog-image img{
width: 100%;
height: 100%;
object-fit: cover;
}
.single-blog-meta-top{
margin: 20rem 0;
}
.single-blog-meta{
gap: 8rem;
}
.single-blog-meta img{
flex: 0 0 18rem;
height: auto;
display: block;
}
.single-blog-meta ul{
gap: 8rem;
list-style: none;
padding: 0;
margin: 0;
font-size: 16rem;
}
.single-blog-content h1{
font-size: 32rem;
}
.single-blog-content h2{
font-size: 28rem;
}
.single-blog-content h3{
font-size: 24rem;
}
.single-blog-content h4{
font-size: 20rem;
}
.single-blog-content h5{
font-size: 16rem;
}
.single-blog-content h6{
font-size: 14rem;
}
.single-blog-content h1,
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5,
.single-blog-content h6{
margin-bottom: 24rem;
}
.single-blog-content h1 b,
.single-blog-content h1 strong,
.single-blog-content h2 b,
.single-blog-content h2 strong,
.single-blog-content h3 b,
.single-blog-content h3 strong,
.single-blog-content h4 b,
.single-blog-content h4 strong,
.single-blog-content h5 b,
.single-blog-content h5 strong,
.single-blog-content h6 b,
.single-blog-content h6 strong{
font-weight: 500;
}
.single-blog-content p {
font-weight: 400;
margin-bottom: 24rem;
line-height: 2;
}
.single-blog-content p:last-child {
margin-bottom: 0rem;
}
.single-blog-content p b,
.single-blog-content p strong{
font-weight: 500;
}
.single-blog-content ul,
.single-blog-content ol {
padding: 0 36rem;
margin: 0 0 24rem;
line-height: 2;
}
.single-blog-content a{
color: var(--color-primary);
text-decoration: none;
transition: 0.15s all ease-in-out;
}
.single-blog-content a:hover{
text-decoration: underline;
text-underline-offset: 4rem;
text-decoration-color: var(--color-primary);
text-decoration-thickness: 1rem;
}
.single-blog-sidebar{
padding-left: 30rem;
}
.single-blog-sidebar h3{
margin-bottom: 30rem;
}
.single-blog-sidebar ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12rem;
}
.single-blog-sidebar ul li a{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8rem;
text-decoration: none;
color: var(--color-black);
}
.single-blog-sidebar ul li a img{
flex: 0 0 64rem;
max-width: 64rem;
border: 1rem solid #cccccc;
padding: 8rem;
object-fit: contain;
aspect-ratio: 1/1;
transition: 0.15s all ease-in-out;
}
.single-blog-sidebar ul li a span{
display: block;
flex: 1;
}
.single-blog-sidebar ul li:hover a img {
border-color: var(--color-primary);
box-shadow: 0rem 14rem 12rem 0rem #D5297533;
}
.single-blog-toc {
width: 100%;
max-width: 100%;
background: var(--color-accent);
padding: 8rem 20rem;
margin-bottom: 20rem;
}
.single-blog-toc-head{
display: flex;
align-items: center;
justify-content: space-between;
}
.single-blog-toc-head h3{
margin: 0;
}
.single-blog-toc-head a{
display: block;
background: var(--color-black);
color: var(--color-white);
text-transform: uppercase;
padding: 4rem 12rem;
}
.single-blog-toc-head a:hover{
text-decoration: none;
background: var(--color-primary);
}
#toc{
margin-top: 15px;
}
#toc ul {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;
color: #000;
}
#toc ul > li {
display: table;
counter-increment: item;
}
#toc ul > li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em;    
}
#toc li ul > li {
margin: 0;
}
#toc li ul > li:before {
content: counters(item, ".") " ";
}
#toc ul > li a{
color: #000;
} @media(max-width: 1540px){
.promo-banner-sec{
padding: 24rem 0;
}
}
@media(max-width: 1440px){
.contact-page-content h2{
line-height: 1.2
}
.s-st-offers li{
margin-bottom: 15rem;
}
.s-st-off-logo{
margin-right: 15rem;
}
.s-st-off-btn{
margin-right: 15rem;
font-size: 18rem;
padding: 18rem 4rem;
width: 160rem;
}
.category-pg-card-title{
font-size: 28rem;
left: 15rem;
}
}
@media(max-width: 1240px){
.single-store-body .sidebar{
padding-right: 0;
}
.s-st-off-logo{
flex: 0 0 140rem;
}
.s-st-off-ctn-tagline{
font-size: 14rem;
margin-bottom: 8rem;
}
.s-st-off-btn {
font-size: 16rem;
padding: 14rem 4rem;
width: 128rem;
}
.s-st-off-ver img{
width: 16rem;
}
.s-st-off-ver span{
font-size: 14rem;
}
.category-pg-card-title{
font-size: 20rem;
}
}
@media(max-width: 1199px){
h1, .h1{
font-size: 90rem;
}
h2, .h2{
font-size: 72rem;
}
h3, .h3{
font-size: 36rem;
}
h4, .h4{
font-size: 28rem;
}
h5, .h5{
font-size: 24rem;
}
h6, .h6{
font-size: 20rem;
}
.header-menu{
padding: 20rem 0;
}
.spotlight-deals{
padding: 0 15rem;
}
.spotlight-title{
font-size: 18rem;
}
.spotlight-tag-line1{
font-size: 18rem;
}
.spotlight-tag-line2{
font-size: 72rem;
}
.new-arrival-title{
font-size: 14rem;
}
.best-offer-action{
font-size: 18rem;
}
.trendsetter-promo-content{
bottom: 30rem;
left: 30rem;
}
.trendsetter-promo-title{
font-size: 24rem;
}
.trendsetter-promo-code{
font-size: 28rem;
}
.trendsetter-offers{
padding: 0 15rem;
}
.trendsetter-title{
font-size: 16rem;
}
.promo-banner-tagline{
font-size: 20rem;
letter-spacing: 6rem;
}
.promo-banner-highlight-txt{
font-size: 72rem;
}
.promo-banner-desc{
font-size: 14rem;
}
.f-category{
padding: 8rem 0 8rem 0;
}
.f-cateogry-img{
width: 160rem;
}
.f-category-title span{
font-size: 16rem;
height: 115rem;
}
.time-offer-img{
padding-left: 0;
}
.footer-social{
flex-flow: wrap;
gap: 24rem;
}
.footer-social li a{
padding: 8rem 20rem;
}
.footer-middle-menu{
gap: 12rem;
font-size: 14rem;
flex-flow: wrap;
}
.footer-middle-menu li{
padding-left: 12rem;
}
.s-review-sidebar{
padding-left: 0;
}
}
@media(max-width: 1080px){
.store-card{
margin: 0rem 0rem 30rem;
}
.store-card-image{
padding: 15rem;
}
.stores-pg-sec .row {
margin: 0 -15rem;
}
.single-blog-sidebar{
padding-left: 0;
}
}
@media(max-width: 991px){
h1, .h1{
font-size: 72rem;
}
h2, .h2{
font-size: 64rem;
}
.header-mob-menu-btn{
display: block;
}
header{
border-bottom: none;
}
.header-top{
padding: 12rem 0;
}
.header-top-main{
justify-content: space-between;	
}
.header-top-menu{
display: none;	
}
.header-top-logo a{
width: 180rem;
margin: 0;
}
.header-menu{
display: none;	
}
.hero-section{
position: relative;	
}
.hero-slide-image{
height: 70vh;
}
.hero-slide-label{
writing-mode: unset;
height: auto;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.hero-pagination {
position: absolute;
left: 50% !important;
top: calc(100% - 24rem) !important;
transform: translateX(-50%);
height: unset;
display: flex !important;
justify-content: center;
gap: 8rem;
z-index: 1;
width: 240rem !important;
max-width: 100%;
}
.hero-pagination .swiper-pagination-bullet {
flex: 1;
width: auto;
height: 4rem;
border-radius: 0;
background: #cccccc;
transition: 0.15s all ease-in-out;
}
.hero-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: var(--color-primary);
}
.featured-stores-sec {
padding: 40rem 0;
}
.featured-stores {
gap: 15rem;
}
.featured-store {
flex: 0 0 calc(20% - 12rem);
max-width: calc(20% - 12rem);
}
.spotlight-deals{
padding: 0 50rem;
}
.best-offers-sec {
padding-bottom: 40rem;
}
.best-offer{
margin-bottom: 30rem;
}
.highend-fashion-head{
padding-top: 40rem;
}
.promo-banner-sec{
padding: 24rem 0 36rem;
background: #f1f1f1;
}
.promo-banner-bg-image{
display: none;
}
.promo-banner-image {
width: 300rem;
max-width: 100%;
margin: 0 auto 30rem;
display: block;
}
.promo-banner-content{
padding: 0;
text-align: center;
}
.promo-banner-desc{
padding: 0;
}
.promo-banner-action {
margin: 0 auto;
}
.time-offer-sec{
position: relative;
}
.time-offer-sec h3{
text-align: center;
}
.time-offer-timer{
justify-content: center;
}
.timer-offer-action{
margin: 0 auto;
}
.time-offer-sec .col-lg-7{
position: relative;
z-index: 1;
}
.time-offer-img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
opacity: 0.15;
}
.single-blog-sidebar{
margin-top: 30rem;	
}
.contact-page-sec{
padding: 40rem 0 60rem;
}
.contact-page-content{
text-align: center;
margin-bottom: 30rem;
}
.contact-page-content p{
padding-right: 0;
font-size: 14rem;
}
.contact-card{
margin-top: 30rem;
padding: 30rem 20rem 15rem;
}
.container-fluid {
padding: 0 60rem;
}
.single-store-body .sidebar{
margin-top: 30rem;
}
.sidebar .s-st-logo,
.sidebar .s-st-logo + hr{
display: none;
}
.sidebar hr{
margin: 20rem 0;
}
.related-stores-item {
flex: 0 0 calc(16.67% - 14rem);
max-width: calc(16.67% - 14rem);
}
.single-store-banner{
background: var(--color-white);
padding: 0;
}
.single-store-banner:before{
display: none;
}
.single-store-banner-img{
position: static;
width: 100%;
height: auto;
aspect-ratio: 1/0.28;
object-fit: cover;
display: block;
}
.single-store-banner-logo{
display: block;
margin-top: 40rem;
}
.single-store-banner-head{
text-align: left;
color: var(--color-black);
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20rem;
flex-flow: wrap;
}
.single-store-tabs{
justify-content: flex-start;
}
.single-store-body{
padding: 30rem 0 70rem;
}
.s-review-sidebar{
margin-top: 30rem;
}
.category-pg-card-title{
font-size: 24rem;
}
}
@media(max-width: 767px){
.page-header{
padding: 40rem 0 30rem;
}
.default-content-sec{
padding: 40rem 0;	
}
.default-content-head{
margin-bottom: 30rem;	
}
.featured-stores{
justify-content: center;
}
.featured-store {
flex: 0 0 calc(33.33% - 10rem);
max-width: calc(33.33% - 10rem);
}
.highend-fashion-img{
width: 300rem;
max-width: 100%;
margin: 30rem auto 0;
}
.trendsetter-promo{
margin-bottom: 30rem;
}
.trendsetter-offers {
padding: 0 50rem;
}
.single-store-banner-head{
margin-top: 30rem;
}
.single-store-banner-logo{
margin: 0rem;
}
.single-store-banner-name{
font-size: 42rem;
}
.single-store-banner-name span{
font-size: 20rem;
}
.s-st-offers li{
flex-flow: wrap;
}
.code-button a,
.deal-button a {
display: block;
width: 100%;
}
.code-button,
.deal-button {
flex: 0 0 100%;
max-width: 100%;
padding: 4rem 8rem 12rem;
}
.related-stores-item {
flex: 0 0 calc(33.33% - 11rem);
max-width: calc(33.33% - 11rem);
}
.deal-popup-logo{
max-width: 100%;
}
.s-rev-item{
flex-flow: wrap;
gap: 0;
}
.s-rev-item-img{
width: 100%;
height: auto;
aspect-ratio: 1/0.45;
object-fit: cover;
display: block;
padding: 0;
}
.s-rev-item-ctn{
padding: 15rem;
}
.s-rev-item-row-r{
flex-flow: wrap;
gap: 12rem;
}
.s-rev-item-btn{
flex: 0 0 100%;
}
}
@media(max-width: 575px){
h1, .h1{
font-size: 64rem;
}
h2, .h2{
font-size: 48rem;
}
h3, .h3{
font-size: 32rem;
}
.header-top-main{
gap: 8rem;
flex-flow: wrap;
}
.header-top-logo a{
width: 140rem;
}
.header-top-search {
flex: 0 0 100%;
order: 3;
}
.header-top-search form{
width: 100%;
}
.header-top-search form img{
right: 0;
width: 16rem;
height: 16rem;
}
.header-top-search form input{
padding: 6rem 20rem 6rem 0rem;
font-size: 12rem;
}
.container,
.container-fluid{
padding: 0 15rem;
}
.new-arrival-sec{
padding-top: 40rem;
}
.categories-sec {
padding: 40rem 0;
}
.f-cateogry-img{
width: 136rem;
}
.footer-logo a{
width: 200rem;
}
.spotlight-deals,
.trendsetter-offers{
padding: 0 15rem;
}
.store-card-image{
margin-bottom: 12rem;
}
.store-card-name{
font-size: 14rem;
}
.contact-card{
width: calc(100% - 30rem);
margin-left: 30rem;
}
.contatact-card-info{
gap: 8rem;
}
.contatact-card-info-icon{
flex: 0 0 36rem;
max-width: 36rem;
height: 36rem;
}
.contatact-card-info-icon img{
width: 16rem;
}
.contatact-card-info-txt p,
.contatact-card-info-txt a{
font-size: 14rem;
font-weight: 400;
}
.category-pg-card-title{
font-size: 20rem;
}
}