body{
    background-color: #F8F9FA;
    font-family: "Poppins", sans-serif;
    font-size: 14px;
    position: relative;
}

.btn, .alert, .card, .form-select, .form-control, .model-body{ border-radius: 3px;}
.btn{ font-size: 14px;}
.btn-xs{ font-size: 12px; padding: 2px 12px;}
.btn-primary{ 
    background-color: #256A51;
    border-color: #195841;
}
.btn-primary:hover, .btn-primary:active{
    background-color: #195841 !important;
    border-color: #195841 !important;
}

.btn-primary:disabled{
    background-color: #56af8e;
}

.text-success{ color: #256A51;}
.bg-success{ color: #256A51;}

.topbar{ background-color: #256A51; padding: 10px; color: #fff; font-size: 12px; }
.flex-between-center{ display: flex; justify-content: space-between; align-items: center;}
.flex-center-center{ display: flex; justify-content: center; align-items: center;}

.topbar ul{ list-style: none; display: inline;}
.topbar ul li{ display: inline;}
.topbar li a{ display: inline-block; color: #fff; text-decoration: none; padding: 0 10px; }

header{ background-color: #fff; padding: 15px 0;}
.logo a{ font-size: 40px; text-decoration: none; color: #256A51; font-weight: 700;}

.main-menu{ list-style: none; margin: 0; padding: 0; display: flex; justify-content: flex-end; align-items: center;}
.main-menu li a{ display: inline-block; padding: 0 20px; font-size: 16px; text-transform: uppercase; color: #256A51; text-decoration: none;}
.main-menu li:hover a{ color: #000;}

.mobile-menu{ list-style: none; margin: 0; padding: 0;}
.mobile-menu li{ border-bottom: solid 1px #ddd;}
.mobile-menu li a{ display: block; padding: 8px 10px 8px 0; color: #256A51; text-decoration: none;}

.banner{ position: relative;}
.banner .hero{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center;}

.home-section{ padding: 50px 0;}
.deal-wrapper{ background-color: #FFF6F5; position: relative;}
.deal-of-day-wrapper{ margin: 120px 0 120px 120px;}
.deal-of-day-img  { position: absolute; left: 50%;}

.gs-service-section{background-color: #1f0300; color: #fff;}
.single-service{ display: flex; gap: 12px; align-items: center;}
.single-service img{ width: 60px; height: 60px; object-fit: contain;}
.service-title{ margin: 0;}
.service-desc{ font-size: 14px; margin: 0;}

.our-product{ background-color: #fff; position: relative; border-radius: 8px; overflow: hidden;}
.our-product-img{ height: 240px; display: flex; justify-content: center; align-items: center; overflow: hidden; position: relative;}
.our-product-img .discount{ position: absolute; left: 0; top: 0; padding: 4px 10px; background-color: #476F00; font-size: 12px; color: #fff; border-radius: 8px 0;}
.our-product-img img{ object-fit: contain; }
.our-product-info{ padding: 12px;}

.our-product:hover{ box-shadow: 1px 1px 10px #ddd;}
.errors ul{ list-style: none; margin: 0; padding: 0;}

/* Product Details */
.hr{ border: dashed 1px #ddd; margin: 20px 0;}

footer{ background-color: #1F0300; padding: 50px 0; color: #fff;}
footer h4{ margin-bottom: 20px;}
footer ul{ list-style: none; margin: 0; padding: 0;}
footer ul li{ margin-bottom: 10px; display: flex; gap: 10px;}

footer ul li a{ color: #ddd; text-decoration: none;}
footer ul li a:hvoer{ color: #fff;}

@keyframes slideInUp {
    from {
        transform: translateY(40px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}
@keyframes slideInDown {
    from {
        transform: translateY(0);
        opacity: 0;
    }

    to {
        transform: translateY(40px);
        opacity: 1;
    }
}

#toast{ position: fixed; bottom: 10px; left: 0; right: 0; display: flex; justify-content: center; flex-direction: column; align-items: center;}