:root{--btn-black:#050505;--btn-green:#0b8003}
@import url('https://fonts.googleapis.com/css2?family=Archivo&family=Montserrat:wght@300&display=swap');.btn-primary,.btn-sm{color:white;background-color:var(--btn-black)}.btn-primary:hover,.btn-sm:hover{background-color:var(--btn-green)}.btn-success{color:white;background-color:var(--btn-green)}.back2top{background-color:var(--btn-black)!important;border-radius:5px!important}.back2top a{font-weight:900;color:white}.contact a{color:white;text-decoration:none}.contact a:hover{color:#0b961c}.offer{background-color:#282727}
html,body{margin:0;padding:0;overflow-x:hidden;max-width:100vw}
#products img{margin:auto;display:block;animation:infinite myAnim 2s}
#image-over #popup_image{width:100%}
#staticBackdrop.modal-content{opacity:0.95}
#description{margin-top:1em;font-size:0.8em}
@keyframes myAnim{0%{filter:grayscale(100%)}
75%{filter:grayscale(0%)}
100%{filter:grayscale(0%)}}
#Stories{background-color:rgb(2,2,41);text-align:center;color:green;padding:2em}
#Stories p{font-style:italic;font-size:1.2em}
#Stories img{cursor:pointer}
#Stories img:hover{filter:grayscale(100%)}
@media only screen and(max-width:600px){img{width:100%;margin-top:2em}}
#base{background-image:url(dryfruit.webp);background-size:cover;color:white;font-weight:600;height:50vh;background-position:center}.hp-header{background-color:rgb(3,3,3);padding:1em;opacity:.8}.hp-header.btn{font-weight:600;text-transform:uppercase;cursor:pointer}
body{font-family:'Montserrat',sans-serif}.ogprice{text-decoration:line-through;color:gray;font-size:0.5em}.product-weight{font-size:0.5em}.buy-product{text-transform:capitalize;font-size:1.2em;color:#0b961c}.product-category{text-transform:capitalize}.product-category:hover{color:green;cursor:pointer}.discount-badge{position:absolute;top:10px;right:10px;background-color:#ee8908;color:white;padding:1em;font-size:12px;border-radius:50%;z-index:10}.big-perc{font-size:3em}.blink{animation:blink-animation 3s steps(2,start)infinite;color:red}
@keyframes blink-animation{to{visibility:hidden}}
#mn.close-icon{background-image:none!important;position:relative}
#mn.close-icon::before,#mn.close-icon::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:rgb(255,255,255);transform-origin:center}
#mn.close-icon::before{transform:translate(-50%,-50%)rotate(45deg)}
#mn.close-icon::after{transform:translate(-50%,-50%)rotate(-45deg)}.navbar-toggler{border:none!important;box-shadow:none!important}.navbar-toggler{position:relative;background:radial-gradient(circle,#f40505 0%,transparent 70%);background-position:center;background-repeat:no-repeat;background-size:0%0%;transition:background-size 0.4s ease-out;border:none!important;box-shadow:none!important}.navbar-toggler:hover{background-size:300%300%}
/* img{
    -webkit-user-drag: none;
    user-select: none;
} */