@import url('[Link]

family=Inter:wght@300;400;500;600;700&display=swap');
/* -webkit-box-shadow: -2px 0px 3px 1px rgba(222, 222, 222, 1);
-moz-box-shadow: -2px 0px 3px 1px rgba(222, 222, 222, 1);
box-shadow: -2px 0px 3px 1px rgba(222, 222, 222, 1); */

*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Inter', sans-serif;
}
a{
text-decoration: none;
}

body{
background-color: lightgray;
}
.container{
height: fit-content;
width: 2700;
margin: auto;
}
/* ====================================== */

header{
height: 70px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly;
color: #474748;
background-color: white;
}

.logo{
width: 160px;
}

.searchber{
height: 40px;
width: 452.94px;
border-radius: 5px;
display: flex;
align-items: first baseline;
color: #777A7E;
background-color: #F0F5FF;
}

.searchber i{
font-size: 1.4rem;
margin: 0px 10px;
padding:8px 8px 8px 12px;
align-items: flex-start ;
}
.searchber input{
height: 40px;
width: 100%;
outline: none;
border: none;
background: transparent;
font-size: 17px;

}
.hiconcss{
display: flex;
align-items: center;
justify-content: center;
gap: 2px;
font-weight: 400;
text-align: center;

.hiconcss i{
font-size: 1.2rem;
font-weight: 400;
}
div>.ldicon{
font-size: 0.7rem;
}

/* --------------------- */
.catagory_container{
height: 133.6px;
width: 949.6px;
block-size: 100%;
position: center;
justify-content: space-evenly;

}
.[Link] alignment{
font-weight: 500;
}

/* ================================================= */

.container .slidercontainer .slider{

height: auto;
width: auto;
background-image:
url([Link]
q=20);
position: relative;
}

.container .slidercontainer .slider .slidericon {

height: 260px;
width: auto;
display: flex;
align-items: center;
justify-content: space-between;
}

.container .slidercontainer .slider .slidericon .sileft img{

height: 32px;
width: 24px;
color: #212121;
background-color:white ;
}

.container .slidercontainer .slider .slidericon .siright img{

height: 32px;
width: 24px;
color: #8B8B8B;
background-color:white ;

/* ============================================= */
.catagory_container{
height: 134.6px;
width: 949.600px;
}
.catagory{
height: 126px;
display: flex;
align-items: center;
justify-content: space-evenly;
background-color: white;
margin: 10px 0px;
padding: 0px 60px;
}
/* PREMIUM PRODUCTS */
.productsectin1{
height: 450px;
width: 1500;
display: flex;
margin-top: 10px;
}

.psright{
display: flex;
align-items: center;
justify-content: center;
background-color: white;
}

.psright img{
height: 320px;
 width: 210px;

.psleft{
height: 100%;
width: 1100px;
background-color: white;
}

.productheader{
height: 80px;
width: 100%;
padding: 0px 20px ;
display: flex;
align-items: center;
justify-content: space-between;
}
.productheader h3{
color: #212121;
}

.product{
height: 250px;
width: 200px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 1px groove #bdbdbd;
border-radius: 3px;
margin: 0px 13px;
}
.product img{
height: 160px;
width: 185px;
padding: 0px 10px;
}

.productinfo{
text-align: center;
margin-top: 30px;
}

.productinfo h5{
color: #212121;
margin-top: 5px;
}

.productgroup{
display: flex;
overflow: hidden;
position: relative;
}

.productiright{
position: absolute;
height: 88px;
width: 40px;
 background-color:white ;
color: #8B8B8B;
display: flex;
align-items: center;
justify-content: center;
top: 50px;
right: 0;
box-shadow: -2px 0px 3px 1px rgba(222, 222, 222, 1);
}

/* ===================================================== */

.BDS {
display: inline-block;
align-items: center;
justify-content: space-between;
margin: 0 0.25cm;
}
#ITEMS div {
width: fit-content;
height: auto;
display: inline-block;
/* margin: 0.25cm; */
flex: 1;
}
#ITEMS img {
width: 490px;
height: auto;
}
.BDS{
background-color: white;
margin-bottom: 10px;
padding:10px;
}
body {
font-family: Arial, sans-serif;
margin: 20px;
}

.FDM {
display: flex;
}

.image-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
flex: 1;
}
.image-container img {
width: 100%;
height: auto;
max-width: 150px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.right-image {
display: flex;
align-items: center;
justify-content: center;
padding-left: 20px;
}

.right-image img {
max-width: 200px;
height: auto;
border-radius: 8px;
}
.DO {
text-align: center;
padding: 5px;
}

#DIWALI-OFFERs {
display: flex;
justify-content: space-around;
}

#DO1, #DO2, #DO3 {

margin: 5px;
}

img {
width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
body {
font-family: Arial, sans-serif;
margin: 0;
}

.footer {
background-color: #333;
color: white;
padding: 20px 0;
text-align: center;
}

.footer-container {
display: flex;
justify-content: space-around;
max-width: 1200px;
margin: 0 auto;
}
.footer-section {
width: 30%;
}

.footer-section h4 {
margin-bottom: 10px;
}

.footer-section p,
.footer-section ul {
margin: 0;
padding: 0;
}

.footer-section ul {
list-style-type: none;
}

.footer-section a {
color: #ffffff;
text-decoration: none;
}

.footer-section a:hover {
text-decoration: underline;
}

.footer-bottom {
margin-top: 20px;
font-size: 0.9em;
}