.rcp-default-button-bccv1 {
            border: none;
            position: relative;
            font-size: 16px;
            line-height: 20px;
            height: 36px;
            padding: 8px 16px;
            border-radius: 8px;
            justify-content: center;
            align-items: center;
            font-weight: 500
        }

        .rcp-efault-button-primary {
            background-color: #ffcd00;
            color: #231f20
        }

        .rcp-default-button-large {
            height: 48px
        }

        .resep-container {
            min-height: 50vh
        }

        .rcp-detail-container-rating {
            margin-top: 12px
        }

        .rcp-detail-container-rating-value {
            font-size: 18px;
            margin-left: 10px;
            color: #323e48;
            font-weight: 500
        }

        .rcp-detail-container-rating-icon,
        .rcp-detail-container-rating-value {
            line-height: 21px;
            display: inline-block;
            vertical-align: middle
        }

        .rcp-detail-cover {
            position: relative;
            margin-top: 16px
        }

        .rcp-detail-rcp-share-panel {
            padding: 16px 0;
            border-top: 1px solid #d2dce6;
            border-bottom: 1px solid #d2dce6
        }

        .rcp-detail-recipe-detail.rcp-detail-square .rcp-detail-cover {
            padding-bottom: 400px
        }

        .rcp-detail-container-rating-total-review {
            display: inline-block;
            vertical-align: middle;
            color: #7d8ca3;
            margin-left: 8px;
            font-size: 12px;
            line-height: 21px
        }

        .rcp-recipe-detail-share-container {
            margin-top: 24px
        }

        .rcp-detail-container-recipe-detail2 {
            max-height: 100px;
            overflow: hidden;
            padding-bottom: 0
        }

        .rcp-detail-container-recipe-detail2:after {
            content: "";
            width: 100%;
            height: 48px;
            z-index: 8;
            bottom: 0;
            left: 0;
            position: absolute;
            background: -webkit-linear-gradient(hsla(0, 0%, 100%, .1), #fff)
        }

        .rcp-detail-container-recipe-des-icon {
            position: absolute;
            width: 100%;
            height: 100%;
            cursor: pointer;
            left: 50%;
            z-index: 9;
            bottom: 0;
            transform: translate(-50%) rotate(180deg)
        }

        .rcp-detail-container-recipe-detail2.rcp-detail-expand,
        .rcp-detail-container-recipe-detail2.rcp-detail-not-expand {
            max-height: none
        }

        .rcp-detail-container-recipe-detail2.rcp-detail-expand:after,
        .rcp-detail-container-recipe-detail2.rcp-detail-not-expand:after {
            display: none
        }

        .rcp-detail-tab-content {
            opacity: 0;
            height: 0;
            overflow: hidden;
            visibility: hidden;
            transition: height 0ms .4s, opacity .4s 0ms
        }

        .rcp-detail-tab-content.rcp-detail-active-content {
            opacity: 1;
            height: auto;
            visibility: visible
        }

        .rcp-detail-not-expand-sticky-panel {
            width: auto;
            text-align: center
        }

        .rcp-detail-rcp-share-panel-helper {
            margin-right: auto
        }

        @media screen and (min-width:880px) {
            .rcp-detail-recipe-detail {
                padding: 0;
                margin: 48px auto 0;
                max-width: 720px
            }
        }

        @media screen and (min-width:1160px) {
            .rcp-detail-recipe-detail {
                max-width: 940px
            }
            .rcp-detail-not-expand-wrapper {
                position: relative
            }
            .rcp-detail-container2 {
                min-height: 687px
            }
            .rcp-detail-cover {
                position: absolute;
                top: 0;
                right: 0;
                margin-top: 0
            }
            .rcp-detail-rcp-share-panel {
                padding: 0;
                border: 0
            }
            .rcp-detail-recipe-detail .rcp-detail-rcp-share-panel-helper {
                display: inline;
                display: initial
            }
            .rcp-detail-recipe-detail.rcp-detail-square .rcp-detail-not-expand-wrapper {
                padding-right: 460px
            }
            .rcp-detail-recipe-detail.rcp-detail-square .rcp-detail-cover {
                width: 440px;
                height: 440px;
                padding-bottom: 0
            }
            .rcp-detail-recipe-detail.rcp-detail-square .rcp-detail-rcp-share-panel {
                margin-top: 12px
            }
            .rcp-detail-recipe-detail.rcp-detail-square .rcp-detail-rcp-share-panel-helper {
                margin-right: 16px;
                line-height: 48px
            }
            .rcp-detail-recipe-detail.rcp-detail-square .rcp-detail-rcp-share-panel-helper {
                display: inline-block;
                vertical-align: top;
                margin-top: 0
            }
            .rcp-detail-not-expand-sticky-panel {
                width: auto;
                height: calc(100% - 695px);
                right: 0;
                top: 440px;
                position: absolute
            }
            .rcp-detail-not-expand-sticky-panel .rcp-detail-showcase-sticky {
                top: 160px;
                z-index: 9;
                background: #eee;
                transform: translate(-15%)
            }
        } //start css 2
        .mobile-app-install-wrapper {
            top: 69px;
            height: 48px;
            padding: 6px 16px 6px 32px;
            width: 100%;
            background: #f5f5f5
        } // start css3
        @media screen and (min-width:800px) {
            .rcp-detail-save-rec-button {
                min-width: 180px;
                height: 48px
            }
        }

        .rcp-ing-item {
            padding-left: 38px;
            padding-right: 16px;
            line-height: 18px;
            font-size: 15px;
            position: relative;
            list-style: none
        }

        .rcp-ing-item:before {
            content: "";
            background-color: #d2dce6;
            height: 6px;
            width: 6px;
            margin: 9px 0;
            position: absolute;
            top: 10px;
            left: 16px;
            border-radius: 50%
        }

        .rcp-step-by-step {
            margin: 0;
            padding: 0;
            list-style: none
        }

        .rcp-step-by-step-item {
            position: relative;
            counter-increment: inst
        }

        .rcp-step-by-step-item:before {
            content: counter(inst);
            color: #231f20;
            background-color: #f0f4fb;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
            position: absolute;
            top: 0;
            left: 0;
            margin-top: 1.5px;
            width: 22px;
            height: 20px;
            line-height: 21px;
            z-index: -1
        }

        .rcp-step-by-step-intruction {
            position: relative;
            padding-left: 30px
        }

        .rcp-tips-highlighter {
            position: relative;
            padding-left: 12px
        }

        .rcp-tips-highlighter:after {
            content: "";
            position: absolute;
            top: 2px;
            left: 0;
            background-color: #ff8d6b;
            width: 4px;
            height: 12px
        }

        .rcp-share-panel>div {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 4px;
            cursor: pointer
        }

        .rcp-share-panel>div:last-child {
            margin-right: 0
        }

        .rcp-submit-rating.disble-rating {
            background-color: #d2dce6;
            color: #f0f4fb
        }

        @media screen and (min-width:800px) {
            .rcp-rating-panel {
                display: flex;
                align-items: center;
                justify-content: space-between
            }
        }

        .rcp-recipe-detail-tab {
            width: 100%;
            top: 0px;
            z-index: 101;
            background-color: #fff
        }

        .rcp-recipe-detail-tab .rcp-recippe-tab-container {
            padding-bottom: 2px;
            border-bottom: 1px solid #d8d8d8;
            overflow: auto;
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .rcp-recipe-detail-tab .rcp-recippe-tab-container::-webkit-scrollbar {
            display: none
        }

        .rcp-recipe-detail-tab .rcp-tab-2 {
            color: #5d687b;
            font-size: 16px;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            line-height: 20px;
            letter-spacing: normal;
            text-align: center;
            padding: 16px 8px 12px;
            flex-basis: 100%;
            text-transform: capitalize;
            white-space: nowrap
        }

        .rcp-recipe-detail-tab .rcp-tab-2.rcp-tab-active {
            color: #ff8d6b;
            box-shadow: 0 4px 0 -1px #ff8d6b;
            font-weight: 500
        }

        @media screen and (min-width:800px) {
            .rcp-recipe-detail-tab {
                top: 0;
                z-index: 1 !important;
                position: relative !important
            }
        }


        main {
            display: block
        }

        h1 {
            font-size: inherit;
            margin: 0.67em 0
        }

        img {
            border-style: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        #rcp-vid-container {
            pointer-events: none;
            bottom: 50px !important
        }

    

        .rcp-text-align-center {
            text-align: center !important
        }

        .rcp-text-align-left {
            text-align: left !important
        }

        .rcp-text-decoration-underline {
            text-decoration: underline !important
        }

        .rcp-user-select-none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            -ms-user-select: none !important;
            user-select: none !important
        }

        .rcp-font-medium {
            font-weight: 500 !important
        }

        .rcp-font-bold {
            font-weight: 700 !important
        }

        .rcp-font-heavy {
            font-weight: 800 !important
        }

        .rcp-font-size-14 {
            font-size: 14px !important
        }

        .rcp-font-size-15 {
            font-size: 15px !important
        }

        .rcp-font-size-16 {
            font-size: 16px !important
        }

        .rcp-font-size-20 {
            font-size: 20px !important
        }

        .rcp-font-size-24 {
            font-size: 24px !important
        }

        .rcp-capitalize {
            text-transform: capitalize !important
        }

        .rcp-line-heigh-18 {
            line-height: 18px !important
        }

        .rcp-line-height-20 {
            line-height: 20px !important
        }

        .rcp-line-height-24 {
            line-height: 24px !important
        }

        .rcp-line-height-26 {
            line-height: 26px !important
        }

        .rcp-color-grey-40 {
            color: #7d8ca3 !important
        }

        .rcp-color-grey-50 {
            color: #5d687b !important
        }

        .rcp-color-grey {
            color: #323e48 !important
        }

        .rcp-color-peach-100 {
            color: #ff8d6b !important
        }

        @media screen and (min-width: 768px) {
            .rcp-md-font-size-20 {
                font-size: 30px !important
            }
            .rrcp-md-line-heigh-36 {
                line-height: 36px !important
            }
        }

        .rcp-backgroud-color-grey {
            background-color: #f0f4fb !important
        }

        .rcp-backgound-color-grey-30 {
            background-color: #a7b2c4 !important
        }

        .rcp-backgound-color-yellow-20{
            background-color: #fff5cc !important
        }

        .rcp-backgroundColorWhatsapp {
            background-color: #75b73b !important
        }

        .rcp-backgroundColorPinterest {
            background-color: #e51f2b !important
        }

        .rcp-backgroundColorFacebook {
            background-color: #3b5998 !important
        }

        .rcp-backgroundColorTwitter {
            background-color: #26a6d1 !important
        }

        .rcp-backgroundColorLine {
            background-color: #6fc32e !important
        }

        .rcp-border-bottom1 {
            border-bottom: 1px solid !important
        }

        .rcp-border-radius-4 {
            -webkit-border-radius: 4px !important;
            -moz-border-radius: 4px !important;
            border-radius: 4px !important
        }

        .rcp-border-color-grey10 {
            border-color: #f0f4fb !important
        }

        .rcp-outline0 {
            outline: 0
        }

        .rcp-margin0 {
            margin: 0px !important
        }

        .rcp-margin-horizontal-18 {
            margin-left: 8px !important;
            margin-right: 8px !important
        }

        .rcp-margin-horizontal-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .rcp-margin-vertical-4p5 {
            margin-top: 4.5px !important;
            margin-bottom: 4.5px !important
        }

        .rcp-margin-left-4 {
            margin-left: 4px !important
        }

        .rcp-margin-left-8 {
            margin-left: 8px !important
        }

        .rcp-margin-top-8 {
            margin-top: 8px !important
        }

        .rcp-margin-top-16 {
            margin-top: 16px !important
        }

        .rcp-margin-top-20 {
            margin-top: 20px !important
        }

        .rcp-margin-top-24 {
            margin-top: 24px !important
        }

        .rcp-margin-right-8 {
            margin-right: 8px !important
        }

        .rcp-margin-bottom-0 {
            margin-bottom: 0px !important
        }

        .rcp-margin-bottom-6 {
            margin-bottom: 6px !important
        }

        .rcp-margin-bottom-8 {
            margin-bottom: 8px !important
        }

        .rcp-margin-bottom-24 {
            margin-bottom: 24px !important
        }

        @media screen and (min-width: 800px) {
            .rcp-md-margin-top-24 {
                margin-top: 24px !important
            }
            .rcp-md-margin-bottom-24 {
                margin-bottom: 24px !important
            }
        }

        .rcp-padding0 {
            padding: 0 !important
        }

        .rcp-padding16 {
            padding: 16px !important
        }

        .rcp-padding-horizontal-24 {
            padding-left: 24px !important;
            padding-right: 24px !important
        }

        .rcp-padding-vertical-10 {
            padding-top: 10px !important;
            padding-bottom: 10px !important
        }

        .rcp-padding-vertical-16 {
            padding-top: 16px !important;
            padding-bottom: 16px !important
        }

        .rcp-paddingBottom24 {
            padding-bottom: 24px !important
        }

        @media screen and (min-width: 800px) {
            .rcp-md-padding0 {
                padding: 0px !important
            }
            .rcp-padding-horizontal-10 {
                padding-left: 0px !important;
                padding-right: 0px !important
            }
        }

        .rcp-display-none {
            display: none
        }

        .rcp-relative {
            position: relative !important
        }

        .rcp-absolute {
            position: absolute !important
        }

        .rcp-sticky {
            position: sticky !important;
            position: -webkit-sticky !important
        }

        .rcp-inline-block {
            display: inline-block !important
        }

        .rcp-display-flex {
            display: -webkit-box !important;
            display: -moz-box !important;
            display: -ms-flexbox !important;
            display: -webkit-flex !important;
            display: flex !important
        }

        .rcp-inline-flex {
            display: -webkit-inline-flex !important;
            display: -ms-inline-flexbox !important;
            display: inline-flex !important
        }

        .rcp-flex-justify-content {
            justify-content: center !important
        }

        .flex-align-center {
            -webkit-box-align: center !important;
            -webkit-align-items: center !important;
            -ms-flex-align: center !important;
            align-items: center !important
        }

        .rcp-display-flex-dir-col {
            -webkit-flex-direction: column;
            flex-direction: column
        }

        .rcp-top0 {
            top: 0 !important
        }

        .rcp-left0 {
            left: 0 !important
        }

        @media screen and (min-width: 800px) {
            .md-initial {
                display: initial !important
            }
        }

        .rcp-heightAuto {
            height: 400px !important
        }

        .rcp-sizeFull {
            width: 100% !important;
            height: 100% !important
        }

        .rcp-size36 {
            width: 36px !important;
            height: 36px !important
        }

        .rcp-full-width {
            width: 100% !important
        }

        .rcp-cursor-pointer {
            cursor: pointer !important
        }

        .pointer-event-none {
            pointer-events: none !important
        }

        .rcp-vertical-align-top {
            vertical-align: top !important
        }

        .rcp-visibilityHidden {
            visibility: hidden !important
        }

        .rcp-listStyleNone {
            list-style: none !important;
            list-style-type: none !important
        }