.btn-action {
    font-size: 20px;
}

.float-right {
    float: right;
}

.btn-primary {
    background-color: #2c5543;
    border-color: #2c5543;
}

    .btn-primary:active, .btn-primary:hover, .btn-primary:focus-visible, .btn:first-child:active {
        background-color: green;
        border-color: green;
    }

a {
    color: #2c5543;
}

    a:hover, a:active, a:focus-visible {
        color: darkolivegreen;
    }

.active > .page-link, .page-link.active {
    z-index: 3;
    color: white;
    background-color: #2c5543;
    border-color: #2c5543;
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: #2c5543;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #2c5543;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #2c5543;
}

.navbar-foot {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: scroll;
}

.btn-outline-primary {
    --vz-btn-color: #2c5543;
    --vz-btn-border-color: #2c5543;
    --vz-btn-hover-color: #fff;
    --vz-btn-hover-bg: #2c5543;
    --vz-btn-hover-border-color: #2c5543;
    --vz-btn-focus-shadow-rgb: 94,163,203;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: #2c5543;
    --vz-btn-active-border-color: #2c5543;
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --vz-btn-disabled-color: #2c5543;
    --vz-btn-disabled-bg: transparent;
    --vz-btn-disabled-border-color: #2c5543;
    --vz-gradient: none;
}

/*.bg-gradient {
    background: linear-gradient(to right, #766df4 0%, #766df4 30%, #6a9bf4 100%) !important;
}
.bg-gradient {
    background: #766df4 !important;
    background: linear-gradient(to right, #766df4 0%, #766df4 30%, #6a9bf4 100%) !important;
	background-image: var(--vz-gradient)!important;
}*/

.pt-6, .py-6 {
    padding-top: 5rem !important;
}

.pb-2, .py-2 {
    padding-bottom: .5rem !important;
}

.pb-5, .py-5 {
    padding-bottom: 3rem !important;
}

.pb-7, .py-7 {
    padding-bottom: 6rem !important;
}

.bg-overlay-content {
    display: block;
    position: relative;
    z-index: 5;
}

.card-product {
    max-width: 20rem;
    margin-right: auto;
    margin-left: auto;
}

.card-hover {
    transition: border-color 0.2s ease-in-out,box-shadow 0.2s ease-in-out;
}

/*.cs-carousel .card-product {*/
    /*max-width: 100%;*/
/*}*/

/*.cs-carousel {
    position: relative;
}

.cs-carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}
    .cs-carousel-inner::-webkit-scrollbar {
        display: none;*/ /* Hide scrollbar in Chrome, Safari and Opera */
    /*}

.card {
    min-width: 250px;*/ /* Set min width of card */
    /*height: 150px;*/ /* Set height of card */
    /*display: flex;
    justify-content: center;
    align-items: center;
    background: #17BF60;
    border: 1px solid #4F5873;
    color: #4a544c;
    border-radius: 8px;
}
.card:hover {
  background: #1ED96F;*/ /* Set background color when hover */
/*}*/
/* Make images responsive */
.card-img-top img {
    width: 100%;
    height: 150px; /* Adjust based on your design */
    object-fit: cover;
}

/* Adjust font sizes on smaller screens */
@media (max-width: 768px) {
    h2 {
        font-size: 30px;
    }

    .font-size-md {
        font-size: 16px;
    }
}

/* Ensure cards are responsive */
.card {
    width: 100%;
    margin-bottom: 20px;
}

/* Adjust carousel layout */
.cs-carousel-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    /* Adjust carousel items */
    .cs-carousel-inner > div {
        margin: 10px;
    }