.sticky .bottom-bar {
    background-color: #ffffff;
    width: 100%;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #dff5f1 !important;
}


.wtsp_modal .modal.fade .modal_fixed_left {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: translateX(-100%);
    opacity: 0;
}

.wtsp_modal .modal-header {
    padding: 7px 18px;
    justify-content: flex-start;
}

.wtsp_modal .modal.show modal_fixed_left {
    transform: translateX(0);
    opacity: 1;
}

.wtsp_modal .modal-backdrop.show {
    opacity: 0;
}

.wtsp_modal .modal-content {
    border: none;
}

.fixed-bottom-left {
    position: fixed;
    bottom: 10px;
    left: 10px;
    /* background: white; */
    /* border-radius: 20px; */
    color: black;
    /* border: 1px solid green; */
    color: green;
    /* font-size: 16px; */
    font-weight: 500;
    /* padding: 6px 20px 8px 20px; */
    width: 60px;
    z-index: 3;
}

.wtsp_modal .modal_fixed_left {
    position: fixed;
    top: 15%;
    left: 10px; /* Adjust this value to set the distance from the left side */
    transform: translate(0, -50%);
}

.content_body .container {
    bs-gutter-x: 0 !important;
    bs-gutter-y: 0 !important;
    padding: 20px;
}


@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    .content-style {
        padding: 50px 25px;
    }
}