.collagen-rich-container {
    font-family: 'Gotham Book';
    line-height: 1.3;
    font-size: 15px;
}

    .collagen-rich-container a:hover {
        text-decoration: none;
    }

.krc-lp-1 {
    width: 100%;
    height: auto;
    overflow: hidden
}

.rich-content-1 {
    display: flex;
    align-content: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
    background-image: url('https://vitaminler.mncdn.com/Supplementler/Content/plugins/collagenrichcontent/img/crc-bg-1.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 122px 0 0 45px;
    box-sizing: border-box;
    position: relative;
}

    .rich-content-1 img {
        width: 470px;
        position: relative;
        right: 30px;
    }

    .rich-content-1 h1 {
        font-size: 103px;
        color: #5c9541;
        letter-spacing: -4px;
        line-height: 104px;
        font-weight: bold;
        font-family: 'Gotham';
        margin: 0px;
        margin-top: -65px;
    }

.rich-content-2 {
    background-image: url('https://vitaminler.mncdn.com/Supplementler/Content/plugins/collagenrichcontent/img/crc-bg-1.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 122px 55px;
    box-sizing: border-box;
    position: relative;
    font-size: 30px;
    text-align: center;
    letter-spacing: -2px;
    color: #3a3a3a;
}

h2.krc-title {
    background: #5c9541;
    font-weight: bold;
    font-family: 'Gotham';
    font-size: 74px;
    letter-spacing: -3px;
    color: #fff;
    padding: 10px 0px;
    margin: 0px;
    text-align: center;
}

.krc-item-content {
    background-image: url('https://vitaminler.mncdn.com/Supplementler/Content/plugins/collagenrichcontent/img/crc-bg-1.jpg');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    padding: 34px 35px 12px 25px;
    box-sizing: border-box;
    height: 680px;
}

.krc-item {
    display: flex;
    gap: 44px;
}

.krc-media {
    flex: 0 0 40%;
}

.krc-info {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.krc-item img {
    width: 100%;
    height: auto;
}

.krc-counts {
    display: flex;
    gap: 16px;
}

.krc-count {
    text-align: center;
}


.krc-image {
    position: relative;
    margin-bottom: 24px;
}

    .krc-image img {
        z-index: 1;
        position: relative;
    }

    .krc-image::after {
        position: absolute;
        content: '';
        background-color: #5c9541;
        width: 100%;
        height: 100%;
        left: 10px;
        top: 10px;
    }

.krc-counts {
    padding: 10px 15px;
    border: 1px solid #3a3a3a;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto 25px;
    gap: 45px;
}

.krc-count {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

    .krc-count:before {
        position: absolute;
        content: '';
        width: 1px;
        height: 30px;
        background: #3a3a3a;
        left: -25px;
        top: 8px;
    }

.krc-three-item .krc-count:before {
    top: 27px;
}

.krc-count:first-child:before {
    background: transparent;
}

.krc-count strong {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 900;
    font-family: 'Gotham', sans-serif;
}

.krc-count small {
    font-size: 12px;
}


.krc-title {
    font-size: 24px;
    font-family: 'Gotham';
    font-weight: bold;
    display: block;
    letter-spacing: -1px;
    margin-bottom: 20px;
    line-height: 1;
}

.krc-sub-title {
    font-size: 14px;
    font-family: 'Gotham';
    font-weight: bold;
    display: block;
    letter-spacing: -0.5px;
}

.krc-list {
    margin: 0px;
    margin-inline-start: 17px;
    letter-spacing: -0.5px;
}

    .krc-list li {
        line-height: 18px;
        margin-bottom: 3px;
    }

.krc-list-warning {
    margin-top: 10px;
}

    .krc-list-warning p {
        font-size: 10px;
        list-style: none;
        line-height: 1.4;
        display: block;
        margin-bottom: 0px;
    }


.krc-col {
    display: flex;
    flex-wrap: wrap;
}

    .krc-col li {
        flex: 0 0 49%;
    }


.krc-number {
    list-style: decimal;
}

.krc-mt-21 {
    margin-top: 21px;
}

.krc-mt-10 {
    margin-top: 10px;
}

.krc-product a {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 25px;
    color: #3a3a3a;
}

.krc-product img {
    width: 78px;
}

    .krc-product img.krc-yatay {
        width: 225px;
    }

.krc-product-info {
    display: flex;
    flex-direction: column;
}

.krc-banner .owl-wrapper-outer {
    width: 100%;
}

.krc-ul-flex {
    display: flex;
    gap: 40px;
}

.krc-lp-items-area {
    position: relative;
}

.krc-slider-arrows {
    position: absolute;
    bottom: 50%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

    .krc-slider-arrows .prev-slider-btn {
        margin-left: 10px;
        background: #fff;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .krc-slider-arrows .next-slider-btn {
        margin-right: 10px;
        background: #fff;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.krc-banner .owl-controls {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px;
}

    .krc-banner .owl-controls .owl-page {
        display: inline-block;
    }

        .krc-banner .owl-controls .owl-page span {
            background: none repeat scroll 0 0 #ffffff;
            border-radius: 20px;
            display: block;
            height: 15px;
            margin: 0 3px;
            opacity: 1;
            width: 15px;
            border: 1px solid #ddd;
        }

        .krc-banner .owl-controls .owl-page.active span {
            background-color: #5c9541;
        }