.loading-adress{margin: 23px;}
.set_address_as_default{cursor: pointer;}
.item_hidden{
    visibility:hidden;
    display: none;
}
.btnActive{border: 1px solid;}
.btn.focus, .btn:focus{box-shadow: none;}
.search-field{width: 30%;}
.cartt {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    height: auto;
}
.feather-shopping-cart {
    position: relative;
    top: 4px;
    z-index: 1;
    font-size: 24px;
    color: #343a40 ;
}
.cart_total_quantity {
    position: absolute;
    top: 1px;
    right: -3px;
    z-index: 2;
    font-size: 11px;
    border-radius: 50%;
    background: #d60b28;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
    text-align: center;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    transition: .3s ease-in-out;
}
.icon:hover .cart_total_quantity{
    top: -3px;
    transition: .3s ease-in-out;
}
.custom-products{padding: 40px 0}
.custom-products .content-custom-product{
    padding: 30px ;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 5%) !important;
}
.custom-products h3{font-weight: 700;}
.title{
    background-color: #fff;
    border-bottom: 1px solid #e2e5ec !important;
    margin-bottom: 10px;
}
.custom-products .border-width-2{border-width: 2px !important;}
.custom-products .border-primary {border-color: #d92662 !important;}
.shadow-md {
    padding: 0.416rem 1rem;
    font-size: 0.8125rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%) !important;
}
.title-product{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content .feather-heart{
    cursor: pointer;
    color: rgb(0, 0, 0) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%) !important;
    transition: .5s ease-in-out;
}
.content .feather-heart:hover{
    color:  #d92662 !important;
    background-color:  rgb(170, 165, 165) !important;
}
.content {
    position: relative;
    max-width: 400px;
    margin: auto;
    overflow: hidden
}
.content .content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s
}
.content:hover .content-overlay {opacity: 1}
.content-image { width: 100%}
.content img {
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 5px
}
.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s
}
.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1
}
.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase
}
.content-details p {
    color: #fff;
    font-size: 0.8em
}
.item-content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.fadeIn-bottom {top: 80%}
.content .feather-shopping-cart , .content .fa-eye{
    position: relative;
    z-index: 1;
    /* font-size: 20px; */
    color: #fff;
    background-color: #d92662;
    width: 40px;
    line-height: 40px;
    display: block;
    height: 40px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%), 0 3px 8px rgb(0 0 0 / 12%);
    cursor: pointer;
    transition: .5s ease-in-out;
    margin: 0 5px;
}
.content .fa-eye{margin-top: 9px;}
.content .fa-eye:hover{font-size: 17px}
.content .feather-shopping-cart:hover ,  .content .fa-eye:hover{
    color: #d92662;
    background-color: #fff;
}
.border-light { border-color: #d2dae2!important;}
.add-custom-product{
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-products .list-card-badge{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.list-card a{overflow: inherit !important;}
.drop-edit-flag{top: 20px !important;}
.drop-edit-flag li a{color: #212529 !important;}
.trend-title{border-top: 1px solid #eee;}
.res{visibility: hidden;}
@media (max-width: 767.98px) {
    .content-overlay{ display: none;}
    .no-res , .content .fa-eye{ display: none;}
    .res{visibility: visible}
}
.custom-respnsive{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px !important;
    overflow: inherit !important;
}
.edit a i{
    position: relative;
    z-index: 1;
    background-color: #d92662 !important;
    color: #fff !important;
    width: 40px;
    line-height: 40px;
    display: block;
    height: 40px;
    text-align: center;
    margin: auto;
    border-radius: 50%;
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%), 0 3px 8px rgb(0 0 0 / 12%);
    cursor: pointer;
    transition: .5s ease-in-out;
    margin: 0 5px;
}
.edit  a i:hover{
    color: #d92662 !important;
    background-color: #fff !important;
}
.custom-paid{
    max-width: 50%;
    overflow: hidden;
    word-break: break-word;
}
.offer-section .mb-1 .widget-header .feather-shopping-cart{color: #fff;}
.custom-control .custom-btn{padding: 10px;}
.profile-details .right h6{ transform: rotate(180deg);}
.dropdown-item:active {background-color: #db2a5a;}