:root {
    --Button-Outline-Gradient: linear-gradient(357deg, rgba(255, 180, 144, 0.30) 6.18%, rgba(241, 132, 119, 0.30) 57.08%, rgba(210, 35, 42, 0.30) 107.56%);
}

.bone_marrow_links {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

.item_block {
     border-radius: 24px;
    border: 2px solid var(--Button-Outline-Gradient, #FFB490);
    background: linear-gradient(357deg, rgba(255, 180, 144, 0.30) 6.18%, rgba(241, 132, 119, 0.30) 57.08%, rgba(210, 35, 42, 0.30) 107.56%);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    border-radius: 24px;
    padding: 2px;
    max-width: 458px;
    transition: transform 0.3s ease;
    height: fit-content;
}

.bone .about_us_numbers_header {
    margin-top: 2rem
}

.item_block:hover {
    transform: scale(1.01);
}

h2.with_line {
    margin-bottom: 40px
}


.bone_marrow_links_section h2.with_line {
    margin-bottom: 0px
}

#mobile_copy.txt_block {
    background: inherit;
    box-shadow: inherit;
    padding: 16px;
    min-height: auto;
    text-align: right
}
.btn_read_more:before { background:#fff; border:solid 1px #36080A}

.btn_read_more:before {
    background: #fff;
    border: solid 1px #36080A
}

.bone_marrow_links_section .txt_block {
    display: flex;
    min-height: 305px;
    padding: 64px 16px 16px 16px;
    flex-direction: column;
    gap: 18px;
    align-self: stretch;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.16);
    border-radius: 22px;
    height: fit-content;
}

.item_block_column .txt_block {
    padding: 45px 32px 16px 16px;
}

.bone.header_block_in {
    width: 788px;
    padding-top: 140px;
}

.bone .item_block {
    background: none;
    -moz-box-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.bone .txt_block {
    border: 0;
    box-shadow: inherit;
    background: inherit;
    height: fit-content;
    min-height: fit-content;
    text-align: center;
    padding: 0 !important;
}

.bone .tite_block {
    text-align: center;
    overflow: hidden;
}

.txt_block_img {
    border-radius: 24px;
    display: flex;
    padding: 45px 32px 0px 16px;
    flex-direction: column;
    gap: 18px;
    flex: 1 0 0;
    align-self: stretch;
    min-height: 642px;
    background: #fff;
}
[dir="ltr"] .txt_block_img {padding: 45px 16px 0px 32px;}
[dir="ltr"] .item_block_column .txt_block {
    padding: 45px 16px 16px 32px;
}
.txt_block_img .btn_big {
    z-index: 9
}

    .bg_block {
        left: 0%;
        position: absolute;
        bottom: 1px;
        border-radius: 24px;
    }

    .bg_block > img {
        border-radius: 24px;
        max-height: 340px;
        transition: transform 0.3s ease;
    }

        .bg_block > img:hover {
            transform: scale(1.03);
        }

.txt_block h2, .txt_block_img h2 {
    color: var(--Dark-Brown, #36080A);
    text-align: right;
    font-family: Rutz_OE;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.item_block_column {
    display: flex;
    flex-direction: column;
    gap: 32px; 
}

@media (max-width: 1024px) {
    .txt_block h2, .txt_block_img h2 {
        font-size: 23px;
    }

    .bone_marrow_links {
        gap: 16px
    }
}

@media (max-width: 768px) {
    .txt_block h2, .txt_block_img h2 {
        font-size: 20px;
    }

    .txt_block, .txt_block_img {
        padding: 24px 16px 16px 16px !important;
    }

    .bone_marrow_links {
        gap: 16px
    }

    .item_block .item_desc {
        font-size: 18px;
        line-height: 30px;
    }

}

@media (max-width: 425px) {
     .txt_block_img {
        min-height: 514px;
    }

    #mobile_copy.txt_block {
        height: auto;
        padding-top: 10px
    }

    .bg_block > img {
        max-height: 265px;
    }


}

@media (max-width: 600px) {
    .bone_marrow_links {
        flex-direction: column;
    }
}

    @media screen and (max-width: 1024px) {
        .about_service {
            padding-bottom: 48px;
        }

        .bone_marrow_links_section {
            padding-top: 0px;
        }

        .item_block {
            max-width: 370px;
        }

        .item_block_column {
            gap: 27px;
        }
    }

    @media screen and (min-width: 1025px) and (max-width: 1440px) {
        .item_block {
            min-width: 300px !important;
        }
    }

    @media screen and (min-width: 769px) and (max-width: 1024px) {
        .item_block {
            min-width: 235px !important;
        }
    }

    @media screen and (min-width: 1441px) and (max-width: 1640px) {
        .item_block {
            max-width: 370px;
        }
    }

    @media screen and (min-width: 601px) and (max-width: 768px) {


        .item_block {
            max-width: 250px !important;
            min-width: 200px;
        }
    }