*{
    margin: 0;
    padding: 0;

  
}
::-webkit-scrollbar {
  display: none;
}
  h1,h2,h3,h4,h5,h6,span{
        font-family: var(--headings-font);
    }
    p,a{
      font-family: var(--bodytext-font);
    }
:root{
    --color-background: #FFFFFF;      /* White background */
  --color-primary: #910a2c;         /*  maroon primary color for important headings, keys and titles */
  --color-text: #222222;            /* Almost-black for high readability */
  --color-btn-link-icons: #590016;          /* Use maroon for buttons, links and icons */
  --color-btn-link-icons-hover: #a70d39;    /* Darker maroon for hover states */
  --color-border: #EDEDED;          /* Soft gray for dividers */
   --color-notification-alert: #f38e8e;       /* Soft blush light red for notification and alerts*/
   --headings-font: 'Playfair Display', serif;
   --bodytext-font: "Forum", serif;
   --logofont:"Great Vibes", cursive;
}


/* hero-section starts */

.hero-section{
  width: 100vw;
    height: 100vh;
    position: relative;
    top: 60vh;
    left: 50%;
    transform: translate(-50%, -50%);

}
 .hero-img1{
  position: absolute;
    width: 100%;
    height: 100%;
z-index: 1;
opacity: 0;
transition-duration:1s;
}
.hero-img2{
   width: 100%;
    height: 100%;
    position: absolute;
z-index: 2;
opacity: 0;
transition-duration: 1s;
}
.hero-img3{
     width: 100%;
    height: 100%;
    position: relative;
z-index: 3;
transition-duration: 1s;
    
}
.hero-btn-box{
  
    position: relative;
 bottom: 5vh;
 z-index: 4;
  display: flex;
 justify-content:center;
  align-items: center;
  width: 100%;

}
.hero-btns{

 display: flex;
 justify-content:space-evenly;
 width: 15vw;
 align-items: center;
 height: 20px;

}
.hero-btn{
width: 20px;
height: 20px;
border-radius: 50%;
border: none;
background-color: var(--color-background);
border: 2px solid var(--color-primary);
}
.hero-btn:hover{
    background-color: var(--color-primary);
border:none;
transition-duration: 0.5s;
}
/* hero-section ends */ 
 /* <!-- shop by category section starts --> */
 .shopbycategory{
  width: 100vw;

background-color: var(--color-background);
  position: static;
 margin-top: 10rem;
  display: flex;
flex-direction: column;

 }
  .shopbycategory .sbc-img-div{
  width: 100vw;
  height: 50vh;
    display: flex;
justify-content: space-evenly;
flex-direction: row;
 flex-wrap: wrap;

 }
   .shopbycategory .sbc-img-div  a{
color: var(--color-text);
   }
.shopbycategory .sbc-img-div .sbcimg{
 width: 280px;
  height: 280px;




 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div::before{
  content: "";
  position: absolute;
 width: 280px;
  height: 280px;
border-radius: 5%;
    background-color: rgba(0, 0, 0, 0.1);

  z-index: 3;
 }
  .shopbycategory .sbc-img-div .sbc-img-caption-div:hover::before{
        background-color: rgba(0, 0, 0, 0.2);

transition-duration: 1s;
  }
 .shopbycategory .sbc-heading,.fc-heading{
  text-align: center;
  font-size: 3rem;
  padding: 2rem 0rem;
  font-weight: lighter;
}
 .shopbycategory .sbc-img-div .sbc-img-caption-div figcaption{
position: absolute;
z-index: 5;
padding: 0.5rem 1.2rem ;
font-size: 1.2rem;
background-color: var(--color-background);
font-family: var(--bodytext-font);
 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div{
display: flex;
justify-content: center;
align-items: center;
  height: 320px;
    position: relative;
 }
 


 /* <!-- shop by category section ends --> */
/* <!-- featured collection and New Arrivals sections starts --> */
.featuredcollection{

  width: 100vw;
  position: static;
justify-content: center;
   display: flex;
align-items: center;
  flex-direction: column;
  background-color: var(--color-background);
}
.featuredcollection .fc-imgs-div{
   width: 100vw;
  min-height: 300vh;
  max-height: fit-content; 
   display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: row;
  margin-top: -2rem;
}
.featuredcollection .fc-imgs-div .fc-img{
  width: 300px;
  height: 300px;
    margin-top: 3rem;
        border: 5px solid transparent;

}
.featuredcollection .fc-imgs-div figcaption{
  display: flex;
  justify-content: center;
margin-top: 0.5rem;
}
.featuredcollection .fc-imgs-div a{
  color: var(--color-text);
  text-decoration: none;
}
.featuredcollection .fc-imgs-div div{
  position: relative;
  justify-items: center;
  



}
.featuredcollection .fc-imgs-div div::before{
  content: "Quick View";
  position: absolute;
  width: 90%;
opacity: 0;
  background-color: var(--color-btn-link-icons-hover);
text-align: center;
  transform: translate(-50%, -50%);
   top: 78%;
  left: 50%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.featuredcollection .fc-imgs-div div:hover::before{
color: var(--color-background);
  opacity: 100;
  transition-duration: 0.5s;
}
 .featuredcollection .fc-imgs-div div img:hover{
  border: none;
    transition-duration: 0.5s;

}
/* /customized-btn/ */
.fc-btn {
  border: none;
  width: 12em;
  height: 4em;
  border-radius: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  background: var(--color-primary);
  cursor: pointer;
  transition: all 450ms ease-in-out;
}



.text {
  font-weight: 600;
  color: var(--color-background);
  font-size: medium;
}

.fc-btn:hover {
  background: linear-gradient(0deg,var(--color-btn-link-icons-hover),var(--color-notification-alert));
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.4),
  inset 0px -4px 0px 0px rgba(0, 0, 0, 0.2),
  0px 0px 0px 4px rgba(255, 255, 255, 0.2),
  0px 0px 180px 0px var(--color-primary);
  transform: translateY(-2px);
}

.fc-btn:hover .text {
  color: white;
}


.fc-btn-div{

  margin-bottom: 2rem;
}

  /* <!-- featured collection and New Arrivals sections ends --> */













/* media queries */
 @media (max-width:852px) {
  .featuredcollection{
 

margin-top: 20rem;


}

 }
 
 
   @media (max-width:455px) {
  .featuredcollection{
 

margin-top: 40rem;

}

 }

 @media (max-width:1100px) {
  .shopbycategory .sbc-img-div .sbcimg{
 width: 200px;
  height: 200px;




 }
 .featuredcollection .fc-imgs-div .fc-img{
    width: 250px;
  height: 250px;
 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div::before{
  
 width: 200px;
  height: 200px;


 }

}
@media (max-width:850px) {
  .shopbycategory .sbc-img-div .sbcimg,.featuredcollection .fc-imgs-div .fc-img{
 width: 300px;
  height: 300px;




 }
 
 .shopbycategory .sbc-img-div .sbc-img-caption-div::before{
  
 width: 300px;
  height: 300px;


 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div{

  height: 350px;
 
 }
  .shopbycategory .sbc-img-div .sbc-img-caption-div:hover{
  animation:none;
 }
}
@media (max-width:660px) {
  .shopbycategory .sbc-img-div .sbcimg,.featuredcollection .fc-imgs-div .fc-img{
 width: 200px;
  height: 200px;




 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div::before{
  
 width: 200px;
  height: 200px;


 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div{

width:100%;

 margin-top: 2rem;
  height: 100%;
 }
  .shopbycategory .sbc-img-div .sbc-img-caption-div figcaption{

font-size: 1rem;
 
}
 .shopbycategory .sbc-heading,.fc-heading{
font-size: 1.5rem;

}
.featuredcollection .fc-imgs-div div::before{
 
   top: 70%;

}
}
@media (max-width:430px) {
  .shopbycategory .sbc-img-div .sbcimg,.featuredcollection .fc-imgs-div .fc-img{
 width: 200px;
  height: 200px;




 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div::before{
  
 width: 200px;
  height: 200px;


 }
 .shopbycategory .sbc-img-div .sbc-img-caption-div{

width: 100%;


 }
}