/********************css for my_account videos block skeleton start******************/
.bk_skeleton-container_video {
    display: flex;
    width: 100%;
    column-gap: 10px;
    overflow: hidden;
}

.bk_skeleton-container_video .bgcolorGrey {
    background: #E8E8E8;
}

.bk_skeleton-container_video .bgcolorGrey.smallGrey {
    width: 100%;
    overflow: hidden;
}

.bk_skeleton-container_video .skeleton-top-sction {
    display: flex;
    flex-flow: column;
    row-gap: 8px;
    padding: 5px;
    flex: 0 0 calc(25% - 8px);
    min-width: 200px;
    border: 1px solid #DFDEE3;
    border-radius: 10px;
}

.bk_skeleton-container_video .squarehead {
    height: 200px;
    border-radius: 10px 10px 0 0;
}

.bk_skeleton-container_video .squarebottom {
    height: 20px;
}

.bk_skeleton-container_video .skeleton-box.wave {
    animation: wave 1s infinite linear forwards;
    -webkit-animation: wave 1s infinite linear forwards;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
}

@keyframes wave {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

@-webkit-keyframes wave {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

/********************css for my_account videos block skeleton end******************/

/* ********** css for profilee page **********  */
.span12.profile_left_panel {
    width: calc(100% - 270px);
}

.span4.profile_right_panel {
    width: 250px;
    margin-left: 20px;
}

.bk_order_heading_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.bk_user_account_heading {
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.bk_profile_page_heading h2 {
    margin: 0;
    font-size: 20px;
}


.bk_account_name,
.bk_account_name__wrap {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.bk_account_user_image img {
    border-radius: 50%;
    width: 30px;
    aspect-ratio: 1;
    object-fit: cover;
}

.bk_account_name h2 {
    margin: 0 auto 0 0;
}

.bk_user_name_link {
    font-size: 16px;
    font-weight: 500;
}

.bk_account_logout a {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
}

.bk_account_logout span {
    display: none;
}

.bk_user_account_heading a img {
    margin: 0;
}

/* css for user-account-tabs start  */
.bk_user_account_tabs {
    padding: 20px 0 0;
    margin-bottom: 15px;
}

ul.bk_user_account_tabs_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin: 0;
    list-style: none;
}

ul.bk_user_account_tabs_list li {
    flex: auto;
    border: 1px solid #D5D3D9;
    border-radius: 12px;
    padding: 0;
}

ul.bk_user_account_tabs_list li:hover,
ul.bk_account_nav_list li:hover,
.bk_recently_category_listItem figure:hover,
.bk_rate_product_block ul li>a:hover,
.bk_superkind_block div .bk_superkind_summary:hover,
.bk_superkind_member_status:hover,
.bk_order_prod_block>a:hover,
.bk_trck_order:hover {
    box-shadow: 0px 2px 4px 0px #0000001A;
}

ul.bk_user_account_tabs_list li:hover a {
    color: #000;
}

ul.bk_user_account_tabs_list li a {
    height: 50px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-size: 15px;
}

/* css for user-account-tabs end  */

/* css for order-prod-block start  */
.bk_order_prod_block_main {
    position: relative;
    overflow: hidden;
}

.bk_order_heading_block h3 {
    margin: 20px 0 15px;
}

.bk_order_heading_block>a {
    color: #32D1C1;
    font-weight: 500;
}

.bk_user_order_wrap,
.bk_user_account_nav_wrap {
    margin-bottom: 15px;
}

.bk_user_order_wrap {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

ul.bk_order_prod_block_list {
    display: flex;
    overflow: auto;
    column-gap: 10px;
    padding-bottom: 5px;
}

ul.bk_order_prod_block_list li,
.bk_trck_order {
    flex: 0 0 160px;
    padding: 0;
}

.bk_order_prod_block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bk_order_prod_block > a {
    width: 100%;
    text-align: center;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #D5D3D9;
    padding-top: 10px;
}

.bk_order_status {
    text-align: left;
    margin: 0 0 5px 10px;
    padding-left: 15px;
    position: relative;
    display: block;
    height: 20px;
    color: #27262C;
    font-size: 13px;
}

span.bk_order_status.order_statusgreen:before,
span.bk_order_status.order_statusred:before,
span.bk_order_status.order_statusblue:before {
    content: "";
    background: #19A447;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

span.bk_order_status.order_statusred:before {
    background: #F1AB51;
}

span.bk_order_status.order_statusblue:before {
    background: #2DBAA8;
}

.bk_order_prod_block > a > img {
    aspect-ratio: 1;
    object-fit: contain;
}

.bk_order_btn_wrapper {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-top: 10px;
    position: relative;
}

.bk_order_prod_block .bk_myaccount_order_btn,
.bk_order_prod_block .bk_order_review a {
    padding: 0 10px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    font-weight: 500;
    border-radius: 22px;
    border: 1px solid #D5D3D9;
    color: #202121;
    background: #fff;
    margin: 0;
}

.bk_myaccount_order_btn.bk_reorder_click {
    border: 1px solid #5E2ECF;
    color: #5E2ECF;
}

.bk_order_btn_wrapper .custom_share,
.bk_prod_listing_actBtns .custom_share_viewed {
    padding: 7px 10px;
    background-color: white;
    width: 110px;
    left: auto;
    position: absolute;
    z-index: 10;
    box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    border-radius: 5px;
    bottom: 30px;
    right: 0;
}

.bk_prod_listing_actBtns .custom_share_viewed {
    bottom: auto;
    top: 60px;
    right: 5px;
}

.bk_order_btn_wrapper .custom_share a span,
.bk_prod_listing_actBtns .custom_share_viewed a span {
    display: flex;
    align-items: center;
}

.bk_order_btn_wrapper .custom_share a span img,
.bk_prod_listing_actBtns .custom_share_viewed a span img {
    width: 25px;
    margin-right: 5px;
}

.bk_order_prod_block.bk_trck_order {
    flex: 0 0 250px;
    height: 195px;
    flex-wrap: nowrap;
    margin-right: 2px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #D5D3D9;
}

.bk_order_prod_block.bk_trck_order>img {
    flex: 0 0 40px;
    height: auto;
    margin-top: 10px;
}

.bk_order_prod_block.bk_trck_order input {
    font-size: 12px;
}

.bk_order_prod_block_main .bk_search_order {
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 3px 6px #00000029;
    background: #F2F2F2;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
}

/* css for order-prod-block end */

/* css for user-account-nav-list start */
ul.bk_account_nav_list {
    display: flex;
    align-items: center;
    overflow: auto;
    column-gap: 10px;
    padding-bottom: 5px;
    margin: 0;
    list-style: none;
}

ul.bk_account_nav_list li {
    min-width: 150px;
    text-align: center;
    border: 1px solid #D5D3D9;
    border-radius: 12px;
    padding: 0;
}

ul.bk_account_nav_list li a {
    width: 100%;
    font-size: 15px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* css for user-account-nav-list end */

/* css for superkind-club block start */
.bk_superkind_block {
    width: 100%;
    margin-top: -5px;
}

.bk_superkind_member_status,
.bk_kind_champ_block>h4 {
    background: #CEF8DC;
    display: inline-block;
    line-height: 30px;
    border-radius: 5px;
    font-weight: 500;
    padding: 0 10px;
    font-size: 16px;
    margin-bottom: 10px;
}

.bk_superkind_summary_wrap {
    display: flex;
    column-gap: 10px;
}

.bk_superkind_block .bk_superkind_summary {
    flex: 1;
    background: #EFEAFB;
    border-radius: 12px;
    padding: 10px 14px;
}

.bk_superkind_block .bk_superkind_summary>a {
    color: #000;
    text-transform: capitalize;
}

.bk_superkind_summary span {
    display: flex;
    font-size: 18px;
    padding: 6px 0 0;
    font-weight: bold;
}

/* css for superkind-club block end */

/* css for kind-champ-block start  */
.bk_kind_champ_block {
    width: 100%;
    margin-top: -5px;
}

.bk_kindchampapply {
    display: inline-block;
    font-weight: 500;
    border: 1px solid #22D1C1;
    background-color: #22D1C1;
    color: #fff;
    border-radius: 22px;
    padding: 0 14px;
    line-height: 32px;
}

.bk_payout_summary {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
}

.bk_payout_summary>div {
    flex: 1;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #EAFBFA;
    border-radius: 12px;
}

.bk_payout_total span,
.bk_superkind_block div .bk_superkind_summary:last-child span {
    color: #19A447;
}

.bk_payout_summary>div>div:first-child span {
    background: #fff;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 10px;
}

.bk_payout_recent svg {
    width: 25px;
    height: 25px;
}

.bk_payout_summary p {
    padding: 0;
    font-size: 14px;
    margin-bottom: 5px;
}

.bk_payout_summary span {
    font-weight: 600;
    font-size: 16px;
}

/* css for kind-champ-block end */

/* css for Rate orders block start */
.bk_rate_product_block {
    width: 100%;
}

.bk_rate_product_block ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 12px;
}

.bk_rate_product_block ul li {
    padding: 0;
    text-align: center;
}

.bk_rate_product_block ul li>a {
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 5px;
    border: 1px solid #D5D3D9;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 6px;
    aspect-ratio: 1;
}

.bk_rate_image_block img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.bk_rate_header_block a {
    color: #767284;
    background: transparent;
    padding: 0;
    font-size: 12px;
}

.bk_rate_header_block a:hover {
    color: #1CB6AD;
}

.bk_rate_header_block img {
    width: 80px;
    filter: grayscale(1);
}

/* css for Rate orders block end */

/* css for Shop Again block start */
.profile_right_panel .bk_user_order_wrap {
    border: 1px solid #DFDEE3;
    padding: 0 10px 10px;
    border-radius: 5px;
    margin-top: 20px;
}

.profile_right_panel .bk_user_order_wrap .bk_box_gap {
    display: none;
}

.bk_buyagin_product_block ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.bk_buyagin_product_block ul li {
    flex: 0 0 100%;
}

.bk_buyagin_product_block .bk_buy_prod_block {
    display: flex;
    align-items: start;
    height: 100%;
    column-gap: 12px;
}

.bk_buyagin_product_block figure {
    flex: 0 0 38%;
    max-width: 120px;
    border: 1px solid #DFDEE3;
    border-radius: 12px;
    overflow: hidden;
}

.bk_buyagin_product_block figure img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.bk_buy_prd_desc {
    display: flex;
    flex-flow: column;
    gap: 5px;
}

.bk_buy_prd_desc .bk-buyagain-name a {
    font-size: 13px;
    padding: 0;
    line-height: 18px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bk_buy_prd_desc .bk-buyagain-price {
    font-weight: 500;
    padding: 3px 0;
    font-size: 16px;
}

.bk_buy_prd_desc .bk-buyagain-purshasedate {
    padding: 0;
    color: #818181;
    font-size: 12px;
}

/* css for Shop Again block end */

/* css for Collections & Wishlist start  */
.bk_wk_wrapper_block {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.bk_wk_wrapper {
    display: flex;
    flex-flow: column;
    border: 1px solid #DFDEE3;
    border-radius: 12px;
    padding: 16px 10px;
    width: calc(50% - 5px);
    min-width: 300px;
    position: relative;
}

.bk_wk_wrapper > a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.bk_wk_title_header h2 {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 0;
    margin: 0 0 12px;
    text-transform: capitalize;
}

.bk_wk_product {
    display: flex;
    margin-top: auto;
}

.bk_wk_product li {
    border: 1px solid #D5D3D9;
    border-radius: 12px;
    display: flex;
    flex: 0 0 27%;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0;
    overflow: hidden;
    margin-right: 2%;
}

.bk_wk_product .bk_wk_product_count {
    flex: 0 0 12%;
    margin-right: 0;
}

.bk_wk_product .bk_wk_product_count a {
    font-weight: 500;
    color: #000;
}

.bk_wk_product li img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.bk_wk_product li .ksv_vidply_icon {
    position: absolute;
    width: 35px;
    height: 35px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

/* css for Collections & Wishlist end */

/* css for Pickup where you left block start */
.bk_recently_view_block_main {
    width: 100%;
}

.bk_recently_category_block_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bk_recently_category_block_list > li {
    text-align: center;
    flex: 0 0 15%;
    min-width: 140px;
}

.bk_recently_category_listItem figure {
    border: 1px solid #DFDEE3;
    border-radius: 12px;
    overflow: hidden;
}

.bk_recently_category_listItem figure img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
}

.bk_recently_view_category_name {
    font-weight: 500;
    padding: 8px 0 4px;
}

.bk_recently_view_category_count {
    padding: 0;
    font-size: 12px;
    color: #A09CAA;
}

.bk_box_gap {
    height: 8px;
    background-color: #fafafa;
    margin-top: 20px;
    width: 100%;
    display: none;
}

.notification-content strong {
    display: none;
}
/* css for Pickup where you left end start */

/* css for My Videos block start */
.bk_user_order_wrap .ksv_video_block {
    width: 100%;
    overflow: auto;
    flex-wrap: nowrap;
}

.bk_user_order_wrap .ksv_video_block .bk_user_video_list {
    flex: 0 0 24%;
    min-width: 200px;
    position: relative;
}

.bk_in_process_wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #000;
    color: #fff;
    padding-inline: 10px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
}

/* css for My Videos block end */

/* css for desktop view and large devices*/
@media (min-width: 991px) {
    body .ui-widget-content.ui-dialog.ui-front {
        max-width: fit-content !important;
        min-width: 500px;
    }
    .bk_pop-up_content .ty-product-review-new-product-review-rating .ty-control-group {
        padding-right: 200px;
    }
    .bk_list_only_tab {
        display: none;
    }
}

/* css for tablet view and less devices*/
@media (max-width: 991px) {
    ul.bk_user_account_tabs_list li {
        width: 30%;
    }
}


/* css for tablet view  */
@media screen and (max-width:767px) {
    .bk_box_gap {
        display: block;
    }

    .span12.profile_left_panel {
        width: 100%;
    }

    .bk_profile_page_heading {
        display: none;
    }

    .bk_account_name__wrap {
        flex-flow: row-reverse;
    }

    .bk_account_name {
        width: 100%;
        padding: 0 0 10px;
        justify-content: space-between;
    }

    .bk_account_name a {
        font-size: 18px;
    }

    .bk_account_logout span {
        display: block;
        color: #4E4B58;
        font-size: 14px;
    }

    .bk_order_heading_block h3 {
        font-size: 18px;
        font-weight: 600;
    }

    .bk_user_account_tabs,
    .bk_user_order_wrap,
    .bk_user_account_nav_wrap {
        margin: 0;
    }

    ul.bk_user_account_tabs_list li {
        flex: 0 0 calc(50% - 6px);
    }

    ul.bk_user_account_tabs_list li a,
    ul.bk_account_nav_list li a {
        font-size: 14px;
    }

    .bk_superkind_block {
        flex-wrap: wrap;
    }

    .bk_superkind_block div .bk_superkind_summary:last-child {
        flex-basis: 100%;
    }

    .bk_payout_summary {
        grid-template-columns: auto 60%;
    }

    .bk_payout_summary .bk_payout_total {
        grid-area: 1 / 1 / span 2 / span 1;
        flex-flow: column;
        justify-content: center;
    }

    .bk_superkind_summary_wrap {
        flex-wrap: wrap;
        gap: 10px;
    }

    .bk_rate_product_block ul {
        grid-template-columns: repeat(auto-fit, minmax(100px, 23.5%))
    }

    .bk_wk_wrapper {
        width: 100%;
        max-width: 400px;
        min-width: unset;
    }

    .bk_buy_prod_block figure {
        border: 1px solid #DFDEE3;
        border-radius: 12px;
        overflow: hidden;
    }
}

/* css for mobile view  */
@media screen and (max-width:480px) {
    .bk_rate_product_block ul {
        grid-template-columns: 1fr;
    }

    .bk_rate_product_block ul li {
        display: flex;
        gap: 12px;
        align-items: center;
        text-align: left;
    }

    .bk_rate_header_block img {
        width: 110px;
        margin-top: 5px;
    }

    .bk_rate_product_block ul li > a {
        flex: 0 0 75px;
    }

    ul.bk_recently_category_block_list > li {
        flex: 0 0 calc(33.33% - 7px);
        padding: 5px;
        min-width: unset;
    }

    .bk_user_order_wrap .ksv_video_block {
        flex-wrap: wrap;
    }

    .bk_user_order_wrap .ksv_video_block .bk_user_video_list {
        flex: 0 0 50%;
        min-width: unset;
    }
}

@media screen and (max-width: 360px) {
    ul.bk_recently_category_block_list > li {
        flex: 0 0 calc(50% - 5px);
    }
}



/* **********css for buy again listing page start ********** */
.bk_buyagain_page_heading {
    margin-top: 10px;
}

ul.bk_user_category_list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

li.bk_buyagin_cat_list {
    border: 1px solid #DFDEE3;
    border-radius: 30px;
    padding: 0 16px;
    cursor: pointer;
    line-height: 37px;
    color: #A09CAA;
}

li.bk_buyagin_cat_list.active,
li.bk_buyagin_cat_list:hover {
    background: #27262C;
    color: #fff;
}

ul.bk_user_buy_again_list {
    display: flex;
    flex-wrap: wrap;
}

.bk_user_buy_again_list li.bk_buyagin_list {
    flex: 0 0 20%;
    padding: 9px;
    display: flex;
}

.bk_user_buy_again_list .bk_buy_prod_block {
    border-radius: 16px;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-flow: column;
}

.bk_prod_listing_actBtns {
    position: absolute;
    right: 0;
    top: 0;
    width: 36px;
    text-align: center;
    display: flex;
    flex-flow: column;
    gap: 5px;
    background: transparent;
    z-index: 1;
}

.bk_prod_listing_actBtns .bk_prod_comBtn a i {
    display: none;
}

.bk_prod_listing_actBtns .bk_prod_comBtn a {
    background: url(https://cdn.kindlife.in/images/ui_icon/bk_compair_blank-pile.svg);
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat;
    height: 30px;
}

.bk_user_buy_again_list .bk_buy_prod_img {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #EAE9EC;
}

.bk_user_buy_again_list .bk_buy_prod_img img {
    aspect-ratio: 1;
    object-fit: contain;
    width: 100%;
}

.bk_user_buy_again_list .bk_buy_prod_block .ty-grid-list__feature a {
    color: #2dbaa8;
}

.bk_user_buy_again_list .bk_buy_prod_name a {
    font-size: 14px;
    width: 100%;
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 3px 0;
}

.bk_user_buy_again_list .bk-product-list_price {
    margin: 2px 0 6px;
}

.bk_user_buy_again_list .bk-list-price {
    color: #1b1c1e;
    font-weight: 500;
    font-size: 16px;
}

@media (max-width:991px) {
    .bk_user_buy_again_list li.bk_buyagin_list {
        flex: 0 0 25%;
    }
}

@media (max-width: 776px) {
    .bk_user_buy_again_list li.bk_buyagin_list {
        flex: 0 0 33.33%;
    }

    .bk_user_buy_again_list figure.bk_buy_prod_img,
    .bk_user_buy_again_list .bk_buy_prod_block {
        border: 0;
        border-radius: 0;
    }

    .bk_user_buy_again_list li.bk_buyagin_list {
        border: 1px solid #EAE9EC;
    }

    .bk_user_buy_again_list li.bk_buyagin_list {
        padding: 0;
    }

    .bk_user_buy_again {
        margin-inline: -10px;
    }
}

@media (max-width: 480px) {
    .bk_user_buy_again_list li.bk_buyagin_list {
        flex: 0 0 50%;
    }
}

/* ********** css for buy again listing page end ********** */

/* ********** css for profile video listing page start ********** */
.bk_user_videos .ksv_video_block {
    display: flex;
    flex-wrap: wrap;
}

.bk_user_videos .ksv_video_block .col-md-4 {
    flex: 0 0 20%;
}

@media (max-width:1080px) {
    .bk_user_videos .ksv_video_block .col-md-4 {
        flex: 0 0 25%;
    }
}

@media (max-width: 767px) {
    .bk_user_videos .ksv_video_block .col-md-4 {
        flex: 0 0 33.33%;
    }
}

@media (max-width: 550px) {
    .bk_user_videos .ksv_video_block .col-md-4 {
        flex: 0 0 50%;
    }

}

/* ********** css for profile video listing page end ********** */

/* ********** css for profile account list page  start ***********/
.bk_account_list_menu {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    width: 18.5%;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    margin: 0 5px 20px;
    min-height: 180px;
}

.bk_account_list_menu h3 {
    font-size: 17px;
    margin: 0 0 10px;
}

ul.bk_menu_list_items li {
    padding: 5px 0px;
}

ul.bk_menu_list_items li a {
    color: #2dbba9;
}


/* css for mini-desktop view  */
@media (max-width:991px) {
    .bk_account_list_menu {
        width: 23%;
    }
}

/* css for tablet view  */
@media (max-width: 776px) {
    .bk_account_list_menu {
        width: 31%;
    }
}

/* css for mobile view  */
@media (max-width: 600px) {
    .bk_account_list_menu {
        width: 100%;
        margin: 10px 0 20px;
        padding: 0;
        min-height: auto;
        border: none;
    }

    ul.bk_menu_list_items {
        border: 1px solid #DFDEE3;
        border-radius: 5px;
    }

    ul.bk_menu_list_items li {
        padding: 10px;
        border-bottom: 1px solid #DFDEE3;
    }

    ul.bk_menu_list_items li:last-child {
        border: 0;
    }

    ul.bk_menu_list_items li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

}

/* ********** css for profile account list page end ********** */

/* ********** css for profile update page start ********** */
.ty-mainbox-title:has(.bk_profile_title) {
    display: none;
}

.bk_profile_title {
    margin: 10px 0 0;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
}

.bk_profile_update_wrap {
    background: #fff;
    padding: 20px;
    border-radius: 12px;
    margin-top: 20px;
    box-shadow: 2px 2px 4px 0px #0000000D;
}

.bk_profile_account_summary {
    position: relative;
}

.bk_profile_acc_edit_block {
    float: right;
}

.bk_profile_account_btn.editButton {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #2dbaa8;
    font-size: 16px;
    font-weight: 500;
}

.bk_profile_account_info_block {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 30px;
}

.bk_profile_account_pic {
    position: relative;
    flex: 0 0 30%;
    max-width: 120px;
}

.bk_profile_account_pic > img {
    box-shadow: 0px 3px 6px #00000029;
    border: 2px solid #FFFFFF;
    width: 100%;
    border-radius: 50%;
    aspect-ratio: 1;
    object-fit: cover;
}

.bk_profile_update_icon {
    position: absolute;
    top: 0;
    z-index: 1;
    right: 0;
    max-width: 36px;
    width: 35%;
}

.bk_profile_account_detl_wrap p {
    padding: 0;
    color: #27262C;
    font-size: 16px;
    margin-bottom: 10px;
}

.bk_profile_account_detl_wrap p span {
    font-weight: 500;
}

.bk_profile_account_detl_wrap .bk_prof_acc_name span {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 4px;
    display: inline-block;
}

.bk_profile_account_about h2 {
    margin: 0 0 10px;
    font-size: 18px;
    color: #27262C;
    font-weight: 500;
}

.bk_profile_account_about p {
    color: #27262C;
    line-height: 1.5;
    padding: 0;
    font-size: 16px;
}

.bk_profile_account_menu_container {
    margin-top: 30px;
    display: none;
}

ul.bk_profile_account_menu {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.bk_profile_account_menu li {
    flex: 0 0 calc(33.33% - 6px);
    border-radius: 12px;
    overflow: hidden;
    padding: 16px 10px;
    background: #fff;
    box-shadow: 2px 2px 4px 0px #0000000D;
}

.bk_profile_account_menu li a {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    row-gap: 8px;
    font-size: 14px;
    color: #000;
}

.bk_profile_account_menu li a img {
    width: 26px;
    height: 26px;
}


.bk_profileUpdate_popup {
    position: fixed;
    background: #0005;
    width: 100%;
    inset: 0;
    z-index: 1000;
    display: none;
}

.open.bk_profileUpdate_popup {
    display: grid;
    align-items: center;
}

.bk_profile_updt_form {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #DFDEE3;
    border-radius: 12px;
    overflow: hidden;
    max-width: 500px;
    padding: 10px;
    background: #fff;
}

.bk_add_popup_header {
    position: relative;
    text-align: right;
    display: flex;
    justify-content: space-between;
    margin: 10px 0 15px;
}

.bk_profile_popup_title {
    line-height: 1;
    font-size: 18px;
    margin: 0;
}

.bk_profile_updt_form > form {
    max-height: 80vh;
    overflow: auto;
}

.ty-profile-field.ty-account .ty-subheader {
    padding: 0px;
    font-weight: 500;
}

.bk-ty-account .ty-control-group {
    margin: 0 0 20px;
}

.bk-ty-account .ty-control-group__title, 
.bk-ty-account .ty-control-group.bk-ty-profile-name label {
    width: 100%;
    color: #A09CAA;
    font-weight: 500;
    padding: 0 0 10px;
}

.bk-ty-account.ty-account .ty-input-text, 
.bk-ty-account .ty-profile-field__select-country, 
.bk-ty-account .ty-profile-field__select-state, 
.bk-ty-account .ty-profile-field__select, 
.bk-ty-account input[type="text"], 
.bk-ty-account input[type="password"], 
.bk-ty-account input[type="tel"], 
.bk-ty-account input[type="number"], 
.bk-ty-account textarea, 
.bk-ty-account select {
    border-radius: 6px;
    border: 1px solid #DFDEE3;
    margin: 0;
    width: 100%;
    padding: 10px;
    height: auto;
    line-height: 20px;
}

.bk-ty-account input#phone{
    width: calc(100% - 100px);
}

.bk-date-control .ty-calendar__button {
    top: 50%;
}

.ty-billing-first-name,
.ty-billing-last-name,
.ty-billing-country,
.ty-billing-state,
.ty-shipping-first-name,
.ty-shipping-last-name,
.ty-shipping-country,
.ty-shipping-state,
.ty-first-name,
.ty-last-name {
    display: inline-flex;
    flex-flow: column;
    width: 49%;
}

.ty-billing-first-name + .ty-billing-last-name,
.ty-billing-country + .ty-billing-state,
.ty-shipping-first-name + .ty-shipping-last-name,
.ty-shipping-country + .ty-shipping-state,
.ty-first-name + .ty-last-name {
    margin-left: 1%;
}

.bk-date-control .ty-calendar__block {
    width: auto;
}

.bk-date-control .ty-calendar__block input {
    margin-right: 10px;
}

#otp_verification_link_ {
    all: unset;
    color: #EB515C;
    line-height: 40px;
    width: 80px;
    display: inline-block;
    margin-left: 10px;
}

.cp-phone-confirmed {
    display: inline-block;
}

.cp-phone-status.cp-confirmed {
    color: #19A447;
    line-height: 40px;
    margin-left: 10px;
    display: inline-block;
    font-weight: 400;
    width: 80px;
}

span.cp-phone-status i {
    font-size: 12px;
}

.ty-profile-field__buttons.buttons-container {
    margin: 10px 0 0;
    padding: 0;
}

.bk_profile_updt_form .ty-profile-field__buttons.buttons-container {
    position: sticky;
    bottom: 0;
    background: #fff;
}

.ty-profile-field__buttons.buttons-container button,
input#shipping_address_reset {
    all: unset;
    border: 1px solid #32D1C1;
    background: #32D1C1;
    padding: 0 10px;
    border-radius: 50px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    max-width: 100px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
}

input#shipping_address_reset {
    color: #32D1C1;
    background: #fff;
    margin-left: 10px;
}

.ty-profile-field__switch {
    margin: 20px 0;
    padding: 10px;
    border: 2px solid #DFDEE3;
    border-radius: 8px;
}

.ty-profile-field__switch-label {
    width: 100%;
    margin-bottom: 10px;
    float: none;
}

.ty-profile-field__switch-actions {
    float: none;
}

.bk_profile_updt_form_quiz {
    padding: 10px 20px 30px;
    box-shadow: 2px 2px 4px 0px #0000000D;
    border-radius: 12px;
    background: #fff;
    position: relative;
    margin-top: 20px;
}

.bk_comm_quiz__header {
    margin-top: 20px;
}

.bk_profile_updt_form_quiz h3 {
    margin: 0 0 20px;
    font-size: 22px;
}

.kind-code-container-inline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 10px;
}

.bk_profile_updt_form_quiz .quiz-div {
    padding: 0;
}

.bk_profile_updt_form_quiz .bk_optionType {
    display: inline-block;
    width: 100%;
}

.bk_profile_updt_form_quiz .bk_optionType + .bk_optionType {
    margin-top: 20px;
}

.bk_profile_updt_form_quiz h4 {
    margin: 0 0 12px;
    font-size: 16px;
    color: #27262C;
}

.bk_profile_updt_form_quiz label {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
}

.bk_profile_updt_form_quiz label input {
    margin: 0;
    display: none;
}

.bk_profile_updt_form_quiz label span {
    background: #fafafa;
    border: 1px solid #E8EFFD;
    padding: 10px 16px;
    line-height: 20px;
    border-radius: 22px;
    font-size: 14px;
    color: #4E4B58;
}

.bk_profile_updt_form_quiz input[type='checkbox'] {
    margin: -2px 5px 0 0;
}

.bk_profile_updt_form_quiz input[type='checkbox']::before {
    width: 16px;
    height: 16px;
}

.bk_profile_updt_form_quiz input[type=checkbox]:checked:before {
    width: 20px;
    height: 20px;
}

.bk_profile_updt_form_quiz input[type='radio']:checked:after {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    color: #fff;
    background-color: #2bbaa8;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}

.bk_profile_updt_form_quiz input[type='radio']:checked + span,
.bk_profile_updt_form_quiz input[type=checkbox]:checked +span {
    background: #FAD6D8;
    border: 1px solid #FAD6D8;
}

.bk_profile_updt_form_quiz .ty-profile-field__buttons.buttons-container {
    margin: 20px 0 0;
}

.bk_profile_updt_form_quiz .ty-profile-field__buttons button {
    background: #fff;
    color: #42DDCA;
    border: 1px solid #DFDEE3;
    border-radius: 22px;
    float: none;
    font-size: 18px;
    max-width: 200px;
    width: -webkit-fill-available;
    line-height: 46px;
    font-weight: 500;
}

/* css for profile upload-photo start */
.bk_upload_profie_photo {
    margin: 0;
    text-align: center;
    width: 100%;
}

div.cp-wl-product-note {
    width: 100%;
    text-align: center;
}

.ui-widget-content.ui-dialog.ui-front div.bk-mw-wishlist-button a {
    background: #32D1C1;
    border-radius: 50px;
    line-height: 46px;
    padding: 0 10px;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
}

.bk_upload_profie_photo_preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.bk_upload_profie_photo_preview img {
    border-radius: 50%;
    aspect-ratio: 1;
    max-width: 250px;
    max-height: 250px;
    width: 100%;
    object-fit: cover;
}

.bk_upload_photoBtn_label {
    cursor: pointer;
}

#upload_button_main_container {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

#upload_button_main_container:before,
#upload_button_main_container:after {
    display: none;
}

.bk_upload_photoBtn {
    flex: 1;
}

.bk_upload_photoBtn_label,
#upload_button_container a {
    display: inline-block;
    background: #7CE9DF;
    border: 1px solid #7CE9DF;
    border-radius: 8px;
    line-height: 1;
    padding: 18px 12px;
    font-size: 18px;
    font-weight: 500;
    color: #4E4B58;
    width: 100%;
    text-align: center;
}

.is-selected .bk_upload_photoBtn_label {
    background: #fff;
}

/* css for profile upload-photo end */


/* responsive css for tablet and less devices  */
@media screen and (max-width: 767px) {
    .bk_profile_update_wrap {
        border-radius: 0;
        background: linear-gradient(133.76deg, #EFFBF9 1.33%, #F7EDF7 48.12%, #E9F4E6 99.83%);
        box-shadow: none;
        margin: -10px;
    }
    .bk_profile_account_summary {
        position: relative;
        padding-top: 30px;
    }
    .bk_profile_account_info_block {
        margin-bottom: 20px;
        gap: 20px;
    }
    .bk_profile_acc_edit_block {
        position: absolute;
        right: 0;
        top: 5px;
    }
    .bk_profile_account_detl_wrap p,
    .bk_profile_account_about p {
        font-size: 14px;
    }
    .bk_profile_account_menu_container {
        display: block;
    }
}

/* responsive css for mobile devices  */
@media screen and (max-width: 480px) {
    .bk_profile_account_menu li a {
        font-size: 13px;
    }
    .bk_profile_update_wrap {
        padding: 20px 10px;
    }
    .open.bk_profileUpdate_popup {
        align-items: end;
    }
    .bk_profile_updt_form {
        border: 0;
        border-radius: 12px 12px 0 0;
        overflow: auto;
        max-height: 90vh;
        animation: slideIn 0.5s ease-out ;
    }
    .bk_profile_updt_form > form {
        max-height: calc(90vh - 70px);
    }
    @keyframes slideIn {
        from {
            -webkit-transform: translate(0, 100%);
            transform: translate(0, 100%);
        }
    
        to {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    .bk_profile_updt_form_quiz {
        border-radius: 0;
        padding: 10px 12px 20px;
        margin: 10px -10px 12px;
    }
    .bk_profile_updt_form_quiz h3 {
        font-size: 18px;
        text-align: center;
    }
    .bk_profile_updt_form_quiz h4 {
        font-size: 14px;
    }
    .bk_profile_updt_form .ty-profile-field__buttons button,
    input#shipping_address_reset {
        max-width: unset;
        width: 50%;
        margin: 0;
        line-height: 46px;
    }
    .bk_profile_updt_form .ty-profile-field__buttons {
        display: flex;
        gap: 10px;
    }
    .bk_profile_updt_form .ty-profile-field__buttons:before,
    .bk_profile_updt_form .ty-profile-field__buttons:after {
        display: none;
    }
    .bk_profile_updt_form_quiz .ty-profile-field__buttons button {
        max-width: unset;
        width: -webkit-fill-available;
    }
    label.bk_upload_photoBtn span {
        padding: 0px 8px;
        left: 0px;
        font-size: 18px;
        font-weight: 500;
    }
    
}

@media (max-width: 380px) {
    .bk-ty-account .ty-control-group {
        width: 100%;
    }
}


/* ********** css for profile update page end ********** */