body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fefefe;
    color: #333;
}
.photo{
    height: 300px;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    
}

.off{
    color: red;
    text-align: center;
}
.india{
    color: brown;
    text-align: center;

}
.categories{
    color: black;
    text-align: center;
}
.newyear{
    height: 100px;
    display: flex;
    justify-content: center;
}
.midnight{
    /* height: 400px; */
   width: 500px;
    /* display: flex; */
     display: block; 
    margin: 0 auto; 
    max-width: 600px;
    /* justify-content: center; */
}
.night-day{
    color:orangered ;
    text-align: center;
    /*border: 2px; 
    padding: 20px;
    margin: 0%;*/
    /* border-radius: 50px; */
    background-color:bisque;
 padding: 20px;
 }
 .option{
    color: rgb(16, 31, 239);
    background-color: aqua;
    border: none;
    
 } 
 
 
 .banner-title{
color: red;
}
.banner-description{
    color: black;
}
.paragraph{
    color:darkgrey;
    /* font-size: 45px; */

}
.banner{
    width: 500px;
    /* display: flex;
    justify-content: space-between; */
    margin:20px;
    /* bottom: 10px; */

}
.functionality{
    text-align: center;
}
.holiday{
    color: red;
}
.season{
    text-align: center;
    /* padding: 2px; */
    margin: 20px;
    background-color: antiquewhite;

}
.biggest{
    text-align: center;

}
.bolt{
    font-style: italic;
}
.sale{
    text-align: right;
    /* border-radius: 10px; */
    /* display: flex; */
    
}
.ipsum{
    text-align: center;
}
.consuctor{
    color: brown;
    text-align: center;
}

/* .skils-container */
.skils-container{
    /* justify-content: space-between; */
    text-align: center;
    display:flex;
    gap: 60px;
    border-radius: 10px;
    box-shadow: 0px 6px 50px 0px rgba(0,0,0,0.06);
    /* justify-content: center; */
    /* padding: 20px; */
    justify-content: center;
   }
   .clear.everyone{
    justify-content: center;
   }
.vivobook-img{
    width: 150px;
    height: auto;
    text-align: center;

}
.parul{
    text-align: center;
    font-size: 70px;
    border: 10px;
    background-color: blanchedalmond;
    border-color: black;

}
.perfact{
    color: black;
    font-size: 40px;
}
/* .box */

.box{
    display: flex;
    font-size: 35px;
   justify-content: center;

}
.box input{
    border-radius: 10px 0 0 10px;
    border: none;
    padding: 5px;
}
.box button{
    border-radius: 0 20px 20px 0;
    border: none;
    background: tomato;
    color: white;
    padding: 5px 10px;
}
.delivary{
    font-size: small;

}

/* footer */

.footer {
  background-color: #1d1d1d;
  color: #ffffff;
  padding: 40px 20px;
  text-align: center;
  border-top: 5px solid orangered;
}

.footer-top {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 20px;
  border-bottom: 1px solid #444;
}

.footer-top .address,
.footer-top .contact {
  flex: 1 1 250px;
  margin: 10px;
  text-align: left;
}

.footer-top p {
  margin: 5px 0;
  color: #ccc;
}

.footer-top strong {
  color: orangered;
}

.social-icons {
  margin: 20px 0;
}

.social-icons a {
  color: rgb(0, 255, 8);
  margin: 0 10px;
  font-size: 24px;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: orangered;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-top: 1px solid #333;
  padding-top: 15px;
  font-size: 14px;
  color: #bbb;
}

.unsubscribe {
  color: orangered;
  text-decoration: none;
  transition: text-decoration 0.3s;
}

.unsubscribe:hover {
  text-decoration: underline;
}