/* Add custom CSS styles below */ 

.bg-\[\#25D366\] {
background-color:#67b59e;
}
.s-button-btn {
border-radius:0px;
}
.bg-primary {
color: #000 !important;
font-weight:bold;
}
.w-36 {
width:7rem;
padding-top:1rem;
padding-bottom:1rem;
}

.prestige-header{
background-color:#98cebe;
}
.store-header {
  position: sticky;
  top: 0;
  background-color: white; /* Set the background color of the header */
  z-index: 201; /* Set the z-index to ensure it appears above other content */
}

body.index:after { 
    content: ""; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    position: fixed; 
    z-index: 9999999 !important; 
    background: url(https://i.ibb.co/7RcS4xb/logocare.jpg); 
    left: 0; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-size: 80px; 
    transform: scale(0); 
    animation-name: pupup_logo; 
    animation-duration: 2s; 
} 
 
@keyframes pupup_logo { 
     
    0%{transform:scale(0)} 
     
    18%{transform:scale(2)} 
     
    75%{transform:scale(2)} 
     
    95%{transform:scale(0)} 
     
    100%{transform:scale(0)} 
} 
 
body.index:before { 
content: ""; 
    width: 100%; 
    height: 100%; 
    background: #98cebe; 
    position: fixed; 
    z-index: 999999; 
    transform: scale(0); 
    animation-name: pupup; 
    animation-duration: 2s; 
} 
@keyframes pupup { 
    
     0%{transform:scale(2)} 
     18%{transform:scale(2)} 
     80%{transform:scale(2)} 
     100%{transform:scale(0)} 

} 
 
/*for mobile*/ 
@media (max-width:768px) { 
   body.index:after { 
       animation-name:pupup_logo-mobile; 
   } 
} 
@keyframes  pupup_logo-mobile { 
     
0%{transform:scale(0)} 
 
18%{transform:scale(2)} 
 
75%{transform:scale(2)} 
 
95%{transform:scale(0)} 
 
100%{transform:scale(0)} 
}