body{margin: 0;}
.login_register_section{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 100vh;
}
.login_register_left_sec{
    width: 100%;
    min-height: 100vh;
    display: flex;
    padding: 2%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 5%;
}

.login_register_right_sec{
    width: 100%;
    min-height: 100vh;
    display: flex;
    padding: 2%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FAFAFA;
    padding-right: 5%;

}
.login_register_left_sec h1{
    color: #846126;
    width: 100%;
    display: inline-block;
    font-size: 40px;
}
.login_register_left_sec h1 span{
    width: 100%;
    font-size: 14px;
    display: inline-block;
    color: #242424;
}

.loginbn_left_form_Sec{
    width: 100%;
    height: auto;
    float: left;
    padding: 10px;
}

.loginbn_left_form_row{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 15px;
}
.register_login_btn{
    width: 150px;
    height: 50px;
    line-height: 48px;
    background: #7B510C;
    box-shadow: 0px 14px 24px rgba(158, 112, 35, 0.4);
    border-radius: 55px;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 0;
}
.register_login_btn:hover{background-color: #242424;}
.register_login_already_btn a{
    color: #7B510C;
    text-decoration: none;
}
/* .login_register_right_sec{
    width: 100%;
    display: inline-block;
} */
.login_register_right_logo{
    width: 100%;
    display: inline-block;

}
.login_register_right_logo img{max-width: 200px;}
.login_register_right_p{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    margin-top: 10px;
}
.login_register_right_image{
    width: 100%;
    display: inline-block;
    margin-top: 40px;
}
.login_register_right_image img{
    max-width: 300px;
    mix-blend-mode: darken;
    width: 100%;
}
.leftside_main_logo{
    width: 40%;
    float: left;
    margin-bottom: 20px;
}
.leftside_main_logo img{max-width: 100%;}
.left_bar{width: 100%;max-width: 230px;background-color: #fff;height: 100vh;padding: 10px;position: fixed;left: 0;top: 0;padding-bottom: 60px;z-index: 99}
.left_mn_logout_btn{
    background: #7B510C;
    box-shadow: 0px 6px 10px rgba(158, 112, 35, 0.4);
    border-radius: 55px;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition: 0.2s ease;
    position: absolute;
    width: 110px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 10px;
  
}

.left_mn_logout_btn:hover{
    background-color: #966d2c;
    color: #fff;
    text-decoration: none;
}
 
.left_navigation{
    width: 100%;
    overflow: auto;
    height: 75vh;
    display: flex;
    position: relative;
    flex-direction: column;
    padding-bottom: 50px;
}
.left_navigation ul{
    padding: 0;
}
.left_navigation li{
    list-style: none;
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    opacity: 0.8;
}
.left_navigation li.active{opacity: 1;}
.left_navigation li:hover{
    background-color: #ffefd4;
}
.left_navigation li a{
    text-decoration: none;
    color: #040404;
    font-size: 16px;
    width: 100%;
    padding: 5px 20px;
    display: inline-block;
    padding-bottom: 8px;
}
.left_navigation li span {margin-right: 5px;text-align: left;width: 30px;
    display: inline-block;}
.left_navigation li span img{width: auto;height: 18px;}
.top_main_header{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 60px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9;
    background-color: #fbfbfb;
    padding-right: 10px;
}
.top_main_header_txt{
    display: inline-block;
    width: auto;
    font-size: 20px;
    color: #242424;
 
}
.dasboard_menu_switcher{
    font-size: 20px;
    color: #242424;
    position: relative;
    top: 1px;
    display: none;
    left: 5px;
    z-index: 9999;
    cursor: pointer;
}

.dashboard_sec{
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 10px;
    padding-top: 73px;
    width: 100%;
}
.top_right_user_dtl{
    width: auto;
    display: flex;
    gap: 10px;
}
.user_dtl_top_sec .dropdown-toggle{
    border: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
}
.notification_sec .dropdown-toggle{
    border: 0;
    background-color: transparent;
}
.pro_image{
    width: 35px;
    height: 35px;
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 50%;
    overflow: hidden;
}
.pro_image img {
    width: 100%; 
    height: 100%;
    object-fit: cover; 
}
.notification_ico{
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
}
.notification_ico img{width: 100%;}

.dashboard_content_area{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 20px;
    margin-top: -30px;
}
.dashboard_right_area{
    width: 100%;
    height: auto;
    display: inline-block;  
    padding-left: 240px;
}
.my_card_sec{
    width: 100%;
    height: auto;
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}
.card_box{
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
    margin-right: 1%;
    text-align: left;
    background-image: url(/assets/profileLink/banner.jpg);
    background-size: 310px;
    min-height: 230px;
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    box-shadow: 4px 3px 10px #0000001a;
    
}
.card_box_edit_ico{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    left: -40px;
    top: -15px;
    right: 0;
    background-color: #4a89ff;
    color: #fff;
    font-size:15px;
    margin: auto;
    text-align: center;
}
.card_box_delete_ico{
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    left: 40px;
    top: -15px;
    right: 0;
    background-color: #ff0a0a;
    color: #fff;
    font-size:15px;
    margin: auto;
    text-align: center;
}
.card_box_tittle_sec{
    width: 100%;
    align-items: center;
    text-align: center;
    color: #fff;
    justify-content: space-between;
    position: relative;
    top: 15px;
}

.profile_photo_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
}
.profile_photo_sec_avatar{
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50%;
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    border: solid 5px #ffffff;
    box-shadow: 4px 3px 10px #0000001a;
    margin-top: 10px;

}
.profile_photo_sec_avatar img{width: 100%;}
.profile_photo_sec_name{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    margin-top: 15px;
    margin-bottom: 20px;
}
.profile_photo_sec_name span{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #666;
}

.profile_cnt_row{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.profile_cnt_row_img{
    width: 40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.profile_cnt_row_img img{width:100%}
.profile_cnt_row_txt{
    border-left:1px #e1e1e1 solid;
    padding-left:10px;
    width: 100%;
}
.profile_cnt_row_txt span{
    width: 100%;
    display:inline-block;
    font-size:13px;
    color:#6F6F6F;
    margin-bottom:-5px
}
.profile_cnt_row_txt strong{
    width: 100%;
    display:inline-block;
    font-size:18px;
    color:#000;
    /* margin-top: -20px; */
}


.profile_cnt_row span{
    width: 100%;
    font-size: 14px;
    color: #666;
    display: inline-block;
}
.profile_cnt_row strong{
    font-size: 16px;
    display: inline-block;
    color: #242424; 
}


.socialmedia_icon_sec{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-top: 5px;
    flex-wrap: wrap;
}

.socialmedia_icon{
    width: 40px;
    height: 40px;
    display: inline-block;
}
.socialmedia_icon img{width: 100%;}

.dashboard_top_btn_row{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
    position: relative;
}
.dashboard_top_btn{
    background: #7B510C;
box-shadow: 0px 14px 24px rgba(158, 112, 35, 0.4);
border-radius: 55px;
padding: 10px 30px;
float: right;
color: #fff;
font-size: 15px;
text-decoration: none;
border: 0;
}
.dashboard_top_btn:hover{background-color: #242424;color: #fff;text-decoration: none;}
#dynamic-entries .social_added_secion{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
}
.card_creat_box .delete_btn{margin-left: 5px !important;}
.card_creat_box .form-label{margin-bottom: 0 !important;}
.card_creat_box #current-icon{height: 40px;}
.card_creat_box .form-control[type=file]{
    height: 40px;
}

.card_creat_box .input-group{align-items: center;}

.cancel_btn{
    background: #ba9975;
box-shadow: 0px 14px 24px rgba(158, 112, 35, 0.4);
border-radius: 55px;
padding: 10px 30px;
float: right;
color: #fff;
font-size: 15px;
text-decoration: none;
border: 0;
}
.cancel_btn:hover{background-color: #242424;}

.card_creat_box{
    width: 100%;
    max-width: 800px;
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
    display: inline-block;
    text-align: left;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
}
.ad_social_media{
    background: #75531d;
border: 0.5px solid #8D8D8D;
border-radius: 18px;
padding: 5px 20px;
font-size: 16px;
color: #fff;
display: inline-block;
margin-top: 20px;
text-decoration: none;
max-width: 220px;
text-align: center;
margin-bottom: 20px;
cursor: pointer;
}
.soc_actionbtn_sec {margin-left: 10px;display: inline-block;}
.modal-header{border: 0;}
.modal-footer{border: 0;}
.btn-secondary{
    background: #FFFFFF;
box-shadow: 0px 14px 24px rgba(158, 112, 35, 0.4);
border-radius: 55px;
border: 0;
color: #242424;
text-decoration: none;
}
.btn-primary{
    background: #7B510C;
box-shadow: 0px 14px 24px rgba(158, 112, 35, 0.4);
border: 0;
text-decoration: none;
border-radius: 55px;
}

.social_ico_newcard{
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
}
.social_ico_newcard img{width: 100%;}
.socialmedia_icon .dropdown-toggle{
    border: 0;
    background-color: transparent;
    padding: 0;
}
.socialmedia_icon .dropdown-menu{
    padding: 15px;
    min-width: 350px;
    background-color: #fff;
}

.socialmedia_icon .dropdown-menu .form-control{
    margin: 15px 0;
}

.mysaved_card_row{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.mysaved_card_row_top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 15px;

}
.mysaved_card_row_cnt{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #666;
}
.mysaved_card_row_cnt strong{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #242424;
}
.mysaved_card_row_btm{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.device_section_view{
    width: 100%;
    display: inline-block;
}
.device_section_category_row{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #242424;  
    margin-bottom: 15px;
}
.device_section_card{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}
.device_section_card_top_dtl{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.device_section_card_top_dtl_cnt{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #666;
}
.device_section_card_top_dtl_cnt strong{
    width: 100%;
    display: inline-block;
    font-size: 16px;
    color: #242424;
}
.device_section_card_btm_dtl{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}
.device_Activation_btn{
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    background: #92836C;
    border: 0.5px solid #000000;
    border-radius: 30px;
    max-width: 150px;
    text-decoration: none;
}

.product_list_sec{
    width: 100%;
    display: inline-block;
    
}
.product_list_box{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
}
.product_list_box_img{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
opacity: 0.7;
box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.03);
border-radius: 18px;
margin-bottom: 10px;
text-align: center;
position: relative;
min-height: 200px;
}
.product_list_box_img img{
    max-width: 100%;
}
.product_list_box_btn{
    width: 130px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(110.37deg, #9E7E49 36.46%, #4E3B1C 83.26%);
    box-shadow: 0px 4px 24px rgba(158, 112, 35, 0.22);
    border-radius: 40px;
    text-decoration: none;
    opacity: 0;
    transition: 0.2s ease;
}
.product_list_box:hover .product_list_box_btn{opacity: 1;}
.product_list_box_txt{
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color:#242424;
    text-align: center;
}
.product_list_box_txt span{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
}

.page_head_txt{
    position: fixed;
    top: 10px;
    color: #242424;
    font-size: 18px;
    z-index: 91;
}

.deviceLeft_Sec{
    width: 100%;
    display: flex; 
    height: 97%;
    background: #FFFFFF;
    box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.08);
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    min-height: 250px;
}
.deviceLeft_Sec img{max-width: 100%;}

.deviceRight_Sec{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.08);
    border-radius: 25px;
    padding: 15px;
    margin-bottom: 10px;
}
.deviceRight_name{
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #242424;
    margin-bottom: 5px;
}
.deviceRight_id{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #242424;
    margin-bottom: 5px;
}
.deviceRight_amount_sc{
    width: 100%;
    display: inline-block;
    font-size: 20px;
    color: #242424;
    margin-top: 10px;
    margin-bottom: 5px;
}
.deviceRight_amount_sc span{
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #666;
}
.deviceRight_dscription_sc{
    width: 100%;
    display: inline-block;
    font-size: 15px;
    color: #242424;
    margin-top: 10px;
    margin-bottom: 5px;
}
.deviceRight_dscription_sc span{
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #666;
}

.deviceRight_buy_btn{
    width: auto;
    float: left;
    padding: 10px 30px;
    color: #fff;
    font-size: 15px;
    background: linear-gradient(110.37deg, #9E7E49 36.46%, #4E3B1C 83.26%);
box-shadow: 0px 4px 24px rgba(158, 112, 35, 0.22);
border-radius: 40px;
text-decoration: none;
position: relative;
transition: 0.2s ease;
}
.deviceRight_buy_btn:hover{    background: linear-gradient(110.37deg, #6d5022 36.46%, #5a4119 83.26%);}
.device_btm_description{
    width: 100%;
    display: inline-block;
    background: #FFFFFF;
    box-shadow: 0px 4px 64px rgba(0, 0, 0, 0.08);
    border-radius: 25px;
    padding: 15px;
    margin-bottom: 10px;
}
.device_btm_description .nav-link{
    color: #666;
}
.device_btm_description .nav-link.active{
    background: #E9F3FF;
}
.checkout_accordio{background-color: transparent;}
.checkout_accordion .accordion-item{
    background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
border-radius: 20px;
margin-bottom: 10px;
border: 0;
}

.acc_prd_selct_sec{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 5px;
    border-bottom: 1px #e5e5e5 solid;
    margin-bottom: 5px;
}
.acc_prd_box{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.acc_prd_box_img {
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.acc_prd_box_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.acc_prd_box_txt{
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #242424;
}
.acc_prd_box_txt span{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #666;
}
.acc_prd_qty{
    width: 100%;
    text-align: center;
    display: inline-block;
}
.acc_prd_qty span{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #666;  
}
.acc_prd_qty_box{
    width: 100%;
    display: flex;
    justify-content: center;
}
.acc_prd_qty_box_btn{
    width: 30px;
    height: 30px;
    border: solid 1px #e5e5e5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #242424;
}
.acc_prd_qty_box input{
    width: 80px;
    border: 0;
    outline: none;
    text-align: center;
}

.cntinue_btn{
    width: auto;
    padding: 10px 30px;
    color: #fff;
    font-size: 15px;
    background: linear-gradient(110.37deg, #9E7E49 36.46%, #4E3B1C 83.26%);
box-shadow: 0px 4px 24px rgba(158, 112, 35, 0.22);
border-radius: 40px;
transition: 0.2s ease;
text-decoration: none;
}
.cntinue_btn:hover{background: #4E3B1C;}

.acc_prd_btm_serch_sec{
    width: 100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.acc_prd_btm_serch_box{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
}
.acc_prd_btm_serch_box span{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 15px;
    color: #242424;
}
.acc_prd_btm_serch_box_input{
    width: 100%;
    height: 40px;
    border-radius: 40px;
    padding-left: 5px;
    padding-right: 30px;
    outline: none;
display: inline-block;
border: 0.5px solid #C7C4C4;
}
.search_ico{
    position: absolute;
    right: 15px;
    bottom: 10px;
    color: #666;
    font-size: 15px;
}
.crete_card_btn{
    padding: 10px 30px;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    background: #F7CE8C;
box-shadow: 0px 4px 24px rgba(158, 112, 35, 0.22);
border-radius: 40px;
display: inline-block;
}

.saved_Address_sc{
    width: 100%;
    height: auto;
    display: inline-block;
}
.savd_address_head{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 17px;
    color: #242424;
    margin-bottom: 20px;
}
.savd_address_box{
    width: 100%;
    height: 95%;
    display: inline-block;
    background: #FFFFFF;
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.09);
border-radius: 15px;
border: 2px solid #fff;
padding: 15px;
margin-bottom: 20px;

}
.savd_address_box.active{
    border: 2px solid #9E7023;
}
.savd_address_box_head{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 15px;
    color: #242424; 
}
.savd_address_box_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #5f5f5f; 
}

.addnew_address_btn{
    width: 100%;
    height: 40px;
    border-radius: 40px;
    background-color: #fff;
    border: solid 1px #e5e5e5;
    text-align: center;
    line-height: 40px;
    color: #242424;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
}
.acc_paymnt_sec{
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

.card_box_sec{
    width: 100%;
    height: auto;
    display: inline-block;
    padding: 20px;
    background: #FFFFFF;
box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
border-radius: 20px;
}
.card_box_sec_img{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
}
.card_box_sec_img img{width: 100%;max-width: 200px;}
.card_box_sec_msg{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    font-size: 22px;
    color: #0FB60B;
    margin-bottom: 8px;
}
.card_box_sec_id{
    width: 100%;
    height: auto;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #666;
    margin-bottom: 8px; 
}

.card_box_sec .mysaved_card_row_top{
    border: 0;
    margin-top: 40px;
}

.profile_top_sec{
    width: 100%;
    height: auto;
    display: flex;
    padding: 15px;
    background: #FFF6E8;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.profile_top_left_sec{
    width: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
.profile_top_left_avatar{
    width: 80px;
    height: 100%;
    border-radius: 80%;
    overflow: hidden;
}
.profile_top_left_avatar img{width: 100%;}
.profile_top_left_dtl{
    width: 100%;
    height: auto;
    display: inline-block;
}
.profile_top_left_dtl strong{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 18px;
    color: #242424; 
}
.profile_top_left_dtl span{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #666; 
}

.new_btn_style2{
    padding: 5px 20px ;
    color: #242424;
    font-size: 14px;
    text-decoration: none;
    border-radius: 30px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
}

.account_prfl_cnt_section{
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 20px;
}
.account_left_mn_br{
    width: 100%;
    height: 95%;
    margin-bottom: 8px;
    display: inline-block;
    border-right: 1px #e5e5e5 solid;
}
.account_left_mn_br ul{padding: 0;}
.account_left_mn_br li{
    list-style: none;
    margin-bottom: 15px;
}
.account_left_mn_br a{
    color: #666;
    text-decoration: none;
}
.account_left_mn_br li.active a{color: #000;font-weight: 600;}

.account_right_section_cnt{
    width: 100%;
    height: auto;
    display: inline-block;
    
}

.account_right_section_cnt_head{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:5px;
    margin-bottom: 15px;
}
.account_right_section_cnt_head strong{
    color: #242424;
    font-size: 18px;
}
.account_prfl_dtl_row{
    width: 100%;
    height: auto;
    display: inline-block; 
    color: #242424;
    font-size: 18px;
    margin-bottom: 20px;
}
.account_prfl_dtl_row span{
    width: 100%;
    height: auto;
    display: inline-block;
    font-size: 14px;
    color: #666; 
}

.change_paswrod_btn{
    float: right;
    padding: 5px 20px ;
    color: #242424;
    font-size: 14px;
    text-decoration: none;
    border-radius: 30px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
}

.card_history_row{
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:5px;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 20px;
}
.card_history_row_cnt_box{
    width: 100%;
    display: inline-block;
}
.card_history_row_cnt_box span{
    width: 100%;
    display: inline-block;
    font-size: 14px;
    color: #666;
}
.card_history_row_cnt_box strong{
    width: 100%;
    display: inline-block;
    font-size: 18px;
    color: #242424;
}

.left_checkout_dtl{
    width: 100%;
    height: 97%;
    float: left;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #e5e5e5;
}
.left_checkout_dtl h5{

    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
    display: inline-block;
    padding-bottom: 10px;
}
.left_checkout_dtl_row{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

.checkout_right_box{
    width: 100%;
    height: 97%;
    float: left;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #e5e5e5;
}
.checkout_right_box h5{
    width: 100%;
    border-bottom: 1px #e5e5e5 solid;
    display: inline-block;
    padding-bottom: 10px;
}
.checkout_right_box_row{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 10px;
}

.cart_address_section{
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px; 
}
.cart_address_section_row{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    color: #000;
    border-bottom: 1px dashed #ccc;
    padding: 5px 0;
}

.main_total{font-size: 20px;border: 0   ;}
.payment_btn_chck{
    padding: 13px 40px;
}

.sign_out_btn{
    padding: 5px 10px ;
    border-radius: 10px;
    border: solid 1px #e5e5e5;
}

.filter-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
}

.filter-row {
    display: flex;
    background: #FFF;
    gap: 5px;
    padding: 5px;
    margin-bottom: 10px;

}

.edit-address-btn {
    margin-left: 5px;
    cursor: pointer; /* Add cursor pointer to indicate it's clickable */
    font-size: 14px; /* Customize the icon size as needed */
    color: #337ab7; /* Customize the icon color as needed */
}

.social_added_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.social_icon {
    width: 30px; /* Adjust as needed */
    height: auto;
    margin-right: 10px;
}

.media_input {
    flex: 1;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.delete_btn {
    color: #9b7331;
    font-size: 18px;
}

.media_entry_wrapper {
    display: flex;
    align-items: center;
}
.custom-alert {
    max-width: 1000px; 
}
#image-cropper {
    width: 100%;
    max-width: 100%; /* Ensure it doesn't overflow its parent */
    height: 300px; /* Set an appropriate height */
    display: block;
}

.cropper-container {
    width: 300px;
   /* Ensure it doesn't overflow its parent */
    height: 300px; /* Set an appropriate height */
}

.new-card-cancel-btn {
    display: flex;
    justify-content: space-between;
}
/* Phone Country Code select2 */

.custom-phone-input {
    display: flex;
    align-items: center;
}

.custom-phone-input select {
    width: auto;
    margin-right: 10px;
}

.custom-phone-input input {
    flex: 1;
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
    outline: none !important;
    box-shadow:  none !important;
    margin-top: -1px;
}

.custom-phone-input .select2-container {width: 80px !important;    height: 39px;}
.custom-phone-input .select2-container .select2-selection--single{
    height: 38px;
    border: 1px solid #dee2e6;
}
.custom-phone-input .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px !important;}
.custom-phone-input .select2-selection__arrow{height: 36px !important;}

.socialmedia-custom-phone-input {
    display: flex;
    align-items: center;
}

.socialmedia-custom-phone-input select {
    width: auto;
    margin-right: 10px;
}

.socialmedia-custom-phone-input input {
    flex: 1;
    border-radius: 0 5px 5px 0;
    margin-left: -1px;
    outline: none !important;
    box-shadow:  none !important;
    margin-top: -1px;
}

.socialmedia-custom-phone-input .select2-container {width: 60px !important;height: 39px;}
.socialmedia-custom-phone-input .select2-container .select2-selection--single{
    height: 38px;
    border: 1px solid #dee2e6;
}
.socialmedia-custom-phone-input .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 36px !important;}
.socialmedia-custom-phone-input .select2-selection__arrow{height: 36px !important;}
.select2-container--open .select2-dropdown{min-width: 200px;position: absolute;z-index: 9999;}
.socialmedia-custom-phone-input select{max-width: 60px;}

.login_box_center{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}
.login_register_section{
    width: 100%;
    max-width: 700px;
    box-shadow: 0px 0px 30px #dddddd;
    min-height: inherit;
    height: 500px;
    overflow: hidden;
    border-radius: 10px;
    border: solid 5px #fff;
}
.register_box{
    align-items: start;
}
.register_box .login_register_section{
    align-items: start;
    overflow: auto;
    max-width: 600px;
    height: auto;
}
.register_box .input-group-text{
    padding: 7px 0.75rem;
    border-radius: 0 5px 5px 0;
    height: 38px;
}

.nocard_section{
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 50px;
}
.nocard_section_image{
    width: 100%;
    max-width: 150px;
    margin: auto;
}
.nocard_section_image img{width: 100%;mix-blend-mode: darken;}
.create_Card_btn {
    background: #7B510C;
    box-shadow: 0px 14px 24px rgba(158, 112, 35, 0.4);
    border-radius: 55px;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    transition: 0.2s ease;
}
.create_Card_btn:hover{
    background-color: #966d2c;
    color: #fff;
    text-decoration: none;
}
.nocard_section p{
    font-size: 16px;
    margin-bottom: 0;
}
.img-preview{margin-bottom: 20px;}
.socialmedia_icon .dropdown-toggle::after{display: none;}
.socialmedia_icon {
    width: 50px;
    height: 50px;
}
.social_ico_newcard {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    padding: 8px;
    box-shadow: 2px 2px 10px #e5e5e5;
    border: solid 4px #fff;
}

#dynamic-entries .social_ico_newcard {
    width: 30px;
    height: 30px;
    top: 8px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    padding: 0;
    box-shadow: 2px 2px 7px #e5e5e5;
    border: solid 4px #fff;
    margin-right: 3px;
}

.card_box .socialmedia_icon_sec .socialmedia_icon{
    width: 50px;
    height: 50px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    /* padding: 8px; */
    box-shadow: 3px 4px 13px #e1e1e1;
    margin-bottom: 0px;
    overflow: hidden;
    border: solid 5px #fff;
}
.left_bar .dasboard_menu_switcher{
    position: absolute;
    left: 5px;
    top: 16px;
}
.dashboard_sec #card-form{width: 100%;}

.top_main_header .dropdown-menu{border:0;box-shadow: 20px 3px 10px #0000001a;top: 10px !important;}
.top_main_header .notification_sec .dropdown-item{
    display: inline-grid;
    padding-left: 5px;
}
.top_main_header .dropdown-item{
    padding: 8px 1.5rem;
    font-size: 14px;
}
.notification_sec{
    width: 100%;
    display: inline-block;
    font-size: 18px;
}
.notification_row_srl{
    width: 100%;
    display: inline-block;
    max-height: 250px;
    overflow: auto;
}
.notification_row_srl li{
    width: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
    border-bottom: 1px #e5e5e5 solid;
    padding:0 5px;
}
.notification_row_srl li .close-button{
    text-align: center;
    padding-left: 4px;
    line-height: 15px;
    align-items: flex-start;
}
.noftification_ico{
    width: 35px;
    min-width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 30px;
    background-color: #ffdda7;
    text-align: center;
    font-size: 15px;
    color: #242424;
}
.notification_sec .dropdown-menu{
    left: inherit !important;
    right: 0 !important;
    min-width: 220px;
}
.notification_sec .dropdown-menu span{
    width: 100%;
    display: inline-block;
    font-size: 13px;
    color: #666;
}
.notification_head{
    width: 100%;
    display: inline-block;
    
}

.notification_head h5{
    width: 100%;
    display: flex;
    padding: 0 10px;
    font-size: 15px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 10px;
}
.notification_head h5 a{color: #4E3B1C;text-decoration: none;font-size: 12px; white-space: nowrap;}
.notification_sec a.view_notification_btn{color: #4E3B1C;text-decoration: none;width: 100%;text-align: center;display: inline-block;font-size: 12px;}
.notification_row_srl .dropdown-item{background-color: #fff !important;}

.profile_drop_head{
    width: 100%;
    display: flex;
    gap: 5px;
    align-items: center;
    border-bottom: 1px #e5e5e5 solid;
    padding-bottom: 10px;
}
.profile_user_img {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: #f3f3f3;
    overflow: hidden;
    text-align: center;
}
.profile_user_img img{width: 100%;}
.profile_drop_txt {width: 100%;display: inline-block;}
.profile_drop_txt strong{width: 100%;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 120px;display: inline-block;    margin-bottom: -8px;}
.profile_drop_txt p{width: 100%;margin: 0;color: #555;font-size: 11px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 120px;display: inline-block;}

.select_withimg #select_option{display: none;}
.select_withimg .select2-container--default .select2-selection--single {
    border-color: #fff;
    height: 50px;
    border-radius: 0;
  }
  .select_withimg .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 58px;
  }
  
  .select_withimg .select2-dropdown {
    border-radius: 0;
    box-shadow: #bbbbbb 0px 3px 5px;
    border: solid 1px #e5e5e5 !important;
  }

 .select_withimg .select2-dropdown{background-color: #fff;width: 100%;}
 .select_withimg {position: relative;width: 100%;display: inline-block;border: solid 1px #e5e5e5;padding: 0;}
 .select_withimg .select2-container{width: 100% !important;padding: 0 !important;}
 .select2-results__option{cursor: pointer;}
 .select2-results__option:hover{background-color: #f3f3f3;}
.select2-selection img{width: 20px;}
.select2-results__option img{width: 20px;}

.notification-count {
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 0;
}
.show_Drop .dropdown-menu{
    display: block !important;
}

.mentor-logo-image {
    width: 35px; 
    height: auto; 
}
.add_social_link_pop{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-content: center;
    display: none;
    background-color: #0000006e;
}
.add_social_link_pop .modal-dialog-new{
    background: #fff;
    padding: 20px;
    width: 90%;
    max-width: 600px;
    margin: auto;
    margin-top: 50px;
    /* top: 10%;
    position: absolute;
    left: 0;
    right: 0; */
    border-radius: 10px;
    
}
.sub_drop_close_btn{
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.show_pop{
    display: block;
}

/* #addsocialmedia .select2-container.select2-container--open{
    bottom: 66px;
    top: inherit !important;
    left: 10px !important;
    width: 100%;
} 
#addsocialmedia .select2-container.select2-container--open .selection{
    position: absolute;
    left: -10px;
    top: 66px;
    width: 100%;
}  */

/* 
@media (max-width: 768px) {
    .custom-phone-input {
        flex-direction: column;
    }

    .custom-phone-input select {
        width: 100%;
        margin: 0;
    }
} */
  
  .link-asterics::after {
    content: " *"; /* Adding asterisk using pseudo-element */
    color: red; /* Color of the asterisk */
  }
  
.form-control::placeholder,
.form-control:focus::placeholder {
    color: #868686;
    font-size: 14px;
    transition: all 0.3s ease-out;
}

.close-button {
    border-radius: 50%;
    width: 20px; 
    height: 20px; 
    border: none; 
    background-color: rgb(199, 189, 189); 
    color: white; 
    font-size: 20px; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
  }
  
  .close-button:hover {
    background-color: rgb(112, 104, 81); /* Change color on hover */
  }

  .ok-button {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.ok-button .btn {
    padding: 10px 20px;
    font-weight: bold;
    background-color: #007bff;
    color: #fff;
    border: none;
}

.ok-button .btn:hover {
    background-color: #0056b3;
}

@media (max-width:991px){
    .login_register_section{height: auto;min-height: 100%;}
    .row_rev_mob{flex-direction: column-reverse;}
    .login_register_section{flex-direction: column;}
    /* .login_register_right_sec{display: none;} */
    .account_left_mn_br{border: 0;}
    .dasboard_menu_switcher{display: block;}
    .page_head_txt{top: 17px; left: 40px;}
    .left_bar{display: none;}
    .dashboard_right_area{padding-left: 0;}
    .left_toggler .left_bar{display: block;z-index: 99;    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05);}
    .leftside_main_logo {padding-left: 30px;}
    .device_Activation_btn{padding: 0px 8px;}
    .dashboard_top_btn_row{margin-top: 15px;}
    .user_dtl_top_sec .dropdown-toggle em{display: none;}
    .mysaved_card_row_btm{align-items: start; justify-content: start;flex-direction: column;gap: 10px;}
    .acc_prd_selct_sec{flex-wrap: wrap;}
    .acc_prd_qty_box{    justify-content: start;}
    .acc_prd_qty{text-align: left;}
    .acc_prd_btm_serch_box{text-align: left !important;}
    .acc_prd_btm_serch_sec{justify-content: start;flex-direction: column;}
    .acc_paymnt_sec{flex-direction: column;}
     .mysaved_card_row_top{flex-direction: column;}
      .mysaved_card_row_cnt{text-align: left !important;}
    .card_history_row{display: inline-block;}
    .login_box_center{align-items: start;}
    .socialmedia_icon .dropdown-menu {padding: 15px;min-width: 350px;background-color: #fff;position: fixed;left: 0;right: 0;margin: auto;max-width: 300px;}
    
}