.section-content {
    position: relative;
    z-index: 1;
    background-color: transparent; /* Transparent white background */
    color: white;
}

.animate-image {
    animation: upDown 2s ease-in-out infinite, slideUp 2s ease;
}

.list-group {
    background-color: transparent !important;
    border-color: none !important;
}

.item-list div.row {
    display: flex;
    align-items: center;
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Apply the animation to the element */
.slide-up-custom {
    animation: slideUp 0.5s ease-out !important;
}

@keyframes upDown {
    0%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }
}

.item-list .list-group-item {
    cursor: pointer;
    background-color: transparent; /* Transparent list items */
    color: #0090be; /* Change text color for readability */
}

.item-list .list-group-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.item-list .list-group-item:hover {
    background-color: transparent; /* Slightly less transparent on hover */
}

.main-color {
    color: #0090be !important;
}

.small-image {
    height: 162px !important;
    width: 59px !important;
}

ul.item-list,
ul.list-group-item,
li.list-group-item {
    border: none !important;
    border-color: transparent !important;
    background: transparent !important;
}

.water-cal {
    width: 100% !important;
    height: 500px !important;
    background-size: cover; /* Ensures the image covers the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat;
}

.history-home {
    width: 100% !important;
    height: 500px !important;
    background-size: cover; /* Ensures the image covers the entire div */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat;
}

.history-text-section {
    display: flex;
    align-items: center; /* Vertically centers the child element */
    justify-content: center; /* Horizontally centers the child element (optional) */
    height: 100vh;
    flex-direction: column;
}

.history-text-item {
    display: flex;
    align-items: center; /* Vertically centers the child element */
    justify-content: center; /* Horizontally centers the child element (optional) */
    height: 100vh;
}

.history-btn {
    background-color: transparent !important;
    border-color: white !important;
}

.product-element {
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
}
.product-element .form-group {
    margin-top: 10px !important;
}
.product-element .form-group input,
.product-element .form-group select {
    width: 100%;
    height: 58px;
    background-color: #f5f6fa;
    border-radius: 5px;
    padding: 13px 20px;
    border: none;
    color: #000;
}

@media (max-width: 768px) {
    .blog-details-wrap1 {
        margin-top: 500px !important;
    }
}

.product-list-page {
    background-color: #0090be !important;
}

.product-list-page * {
    color: white !important;
}

.fade-up {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.fade-up.show {
    opacity: 1;
}

.home-product-section {
    height: 900px !important;
}