.anniversary,
.birthday-collection {
   display: flex;
   align-items: center;
   flex-direction: column;
   padding: 0.8rem 0.5rem;
}

.anniversary .anni-contain,
.birthdayContainer {
   width: 100%;
   height: 22rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap-reverse;
   flex-direction: column;
   gap: 0.5rem;
}

.anniversary .anni-contain .annibox,
.birthbox {
   height: 48%;
   width: 30%;
   display: flex;
   align-items: end;
   justify-content: center;
   border-radius: 10px;
   overflow: hidden;
   background-size: cover;
   background-position: center;
   text-align: center;
}

.birthbox {
   width: 47%;
}

.annibox h4,
.birthbox h4 {
   font-family: var(--heading3);
   font-size: 1.4rem;
   color: var(--txt-col2);
   background-color: rgba(255, 255, 255, 0.39);
   width: 100%;
   padding: 0.3rem 0;
   display: grid;
   place-items: center;
   backdrop-filter: blur(12px);
   transition: all ease 0.3s;
}

/* FLOWER */
.annibox:nth-child(5) {
   flex-grow: 2;
   background-image: url('https://imgcdn.floweraura.com/truly-madly-deeply-9781680fl-B_0.jpg');
}

/* GIFTS */
.annibox:nth-child(4) {
   background-image: url('https://imgcdn.floweraura.com/romantic-personalised-anniversary-neon-light-ven-79-hanwf-C_0.jpg');
}

/* COMBO */
.annibox:nth-child(3) {
   background-image: url('https://imgcdn.floweraura.com/roses-with-teddy-bear-n-chocolates-in-box-9789130co-B.jpg');
}

/* CHOCOLATE */
.annibox:nth-child(2) {
   background-image: url('https://imgcdn.floweraura.com/romantic-chocolate-arrangement-9785840co-A_0.jpg');
}

/* CAKES */
.annibox:nth-child(1) {
   background-image: url('https://imgcdn.floweraura.com/hearty-anniversary-cake-9831540ca-A_0.jpg');
}

.sameday {
   height: 10rem;
   background-image: url('../../img/index/Sameday.jpeg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   display: flex;
   margin: 0.8rem 0;
   align-items: center;
   justify-content: center;
}

.sameday h1 {
   color: white;
   background-color: rgba(0, 0, 0, 0.619);
   width: 100%;
   backdrop-filter: blur(7px);
   font-family: var(--heading2);
   text-align: center;
   padding: 1rem 0;
}

.birthbox:nth-child(1) {
   height: 100%;
   background-image: url('https://api.floraindia.com/upload/zkgikdXzU11700026384937.jpeg');
}

.birthbox:nth-child(2) {
   background-image: url('https://assets.winni.in/groot/2022/10/28/mobile/gift-basket.jpg');
}

.birthbox:nth-child(3) {
   background-image: url('https://cdn.wishingcart.in/wp-content/uploads/2023/08/boss-baby-customised-cake.webp');
}

/* JADE */
.plantbox:nth-child(1) {
   height: 100%;
   background-image: url('https://imgcdn.floweraura.com/DSC_1227.jpg');
}

/* LUCKY BAMBOO */
.plantbox:nth-child(2) {
   background-image: url('https://cdn11.bigcommerce.com/s-6ys4nr/images/stencil/original/image-manager/lucky-bamboo-care-tips-thriving-plants.png');
}

/* Air Purifing Plants */
.plantbox:nth-child(3) {
   background-image: url('https://imgcdn.floweraura.com/money-plant-with-golden-design-blue-pot-9797400pl-A_0.jpg');
}

/* Indoor Plants */
.plantbox:nth-child(4) {
   background-image: url('https://imgcdn.floweraura.com/indoor-plant-desktop_0.jpg');
}

/* Outdoor Plants */
.plantbox:nth-child(5) {
   background-image: url('https://imgcdn.floweraura.com/outdoor_plant_0.jpg');
}

@media screen and (min-width: 768px) {

   /* FOR TABLET*/
   .anniversary,
   .birthday-collection {
      padding: 0.5rem 1.5rem;
   }
}

@media screen and (min-width: 1200px) {

   /* FOR NORMAL LAPTOP*/
   .anniversary,
   .birthday-collection {
      padding: 0.5rem 2.8rem;
   }

   .anniversary .anni-contain,
   .birthdayContainer {
      flex-direction: row;
      flex-wrap: wrap;
      height: 15rem;
      gap: 0.3rem;
   }

   .anniversary .anni-contain .annibox,
   .birthbox {
      height: 100%;
      width: 18%;
      box-shadow: -2px 3px 6px -1px var(--col2), 0 2px 2px -1px var(--col6), 0px 3px 7px -5px var(--col7);
      transition: ease all 0.3s;
   }

   .anniversary .anni-contain .annibox:hover,
   .birthbox:hover {
      box-shadow: 0 4px 6px -1px var(--col2), 0 2px 4px -1px var(--col6), 0 8px 10px -5px var(--col7);
      scale: 1.03;

      * {
         padding: 1rem 0;
      }
   }

   .birthbox {
      width: 31%;
   }

   .annibox:nth-child(5) {
      flex-grow: 0;
   }

   .sameday {
      height: 13rem;
   }
}

@media screen and (min-width: 1536px) {

   /* FOR EXTRA LARGE LAPTOP*/
   .anniversary,
   .birthday-collection {
      padding: 0.5rem 3.5rem;
   }

   .anniversary .anni-contain,
   .birthdayContainer {
      height: 18rem;
      gap: 0.3rem;
   }
}