/* CAROUSEL STARTS */
    .owl-carousel .owl-item {
          display: inline-block;
          width: 100%;
          height: 100%;
          overflow: hidden;
          background-color:transparent;
          background: #ffffff;
          box-shadow: none;
    }

    .owl-stage-outer {
          width: 100%;  /* Make sure it takes up the full width */
          height: 100%; /* Adjust as needed */
    }

    .owl-stage {
          transition: transform 0.25s ease;
          height:100%;
          width: 100%; /* Ensure it's responsive */
    }

    .round-image {
        width:80px;
        height:80px;
        height: auto; /* Maintain aspect ratio */
        object-fit: cover; /* Cover the image within the circle */
    }

    .left-side {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .item_content{
        border:1px solid #e3e8e5;
        cursor:pointer;
    }

    /* CAROUSEL ENDS */

    .title_badges {
    background: linear-gradient(135deg, #b3f5b6, #7bd4c9);
    color: black;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 0px 20px 20px 0px;
    display: inline-block;
    text-align: center;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    letter-spacing: 1px;
}


.bg_brand_green{
    background:linear-gradient(135deg, #e4f7e4, #ffffff);
}

.bg_brand_green_two{
    background:linear-gradient(135deg, #e4f7e4, #ffffff);
}

.bg_brand_green_three{
    background:linear-gradient(135deg, #e4f7e4, #ffffff);
}

.centered-title {
    text-align: center;
    font-size: 2.0em;
    font-weight: bold;
    color: white;
    background: black; /* Green gradient */
    -webkit-background-clip: text; /* Makes gradient apply to text */
    color: transparent; /* Hides original color for text */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
    margin: 0 auto;
    max-width: 800px;
}

.text_sub_content {
    background-color: #588764; /* background color */
    color: #fff; /* text color */
    padding: 4px 6px; /* padding inside the background */
    margin: 5px 0; /* margin around the text block */
    display: inline-block; /* makes the background wrap around text */
    border-radius: 4px; /* optional: rounds the corners */
}