.btn-primary:hover {
 border-color:#FE4487;  
 color:#FE4487; 
 background:white;
}
.btn-secondary:hover {
 border-color:#612657;  
 color:#612657; 
 background:white;
}
.btn-success:hover {
    border-color:#18BF29;  
 color:#18BF29; 
 background:white;
}
.btn-danger:hover {
    border-color:#E12344;  
 color:#E12344; 
 background:white;
}

.btn-warning:hover {
 border-color:#ffb02c;  
 color:#ffb02c; 
 background:white;
}
.btn-info:hover {
 border-color:#2B39B9;  
 color:#2B39B9; 
 background:white;
}
.btn-light:hover {
 border-color:#646464;  
 color:#2B39B9; 
 background:white;
}
.btn-dark:hover {
 border-color:#2f2f2f;  
 color:#2f2f2f; 
 background:white;
}
  .cta-action{
         background: #4f1d57;
         }
         .category-areas p {
         text-align:center;
         font-size: 16px;
         color: #666666;
         font-family: "Roboto", sans-serif;
         font-weight: 600;
         }
         .category-areas h2 {
         font-weight: 800;
         font-family: "Roboto Condensed", sans-serif;
         color: #aa1caf;
         line-height:28px;
         padding-bottom:10px;
         }
         .category-areas h2  span{
         /*font-family: "Spectral", serif;  */
         color: #d4046c;
         }
         .category-areas h5{
         font-family: "Roboto Condensed", sans-serif; 
         padding-bottom:10px;
         }
         .category-area h4{
         font-family: "Roboto Condensed", sans-serif;
         color: #aa1caf;
         font-size:22px !important;
         }
         .cta-action h4{
         font-family: "Roboto Condensed", sans-serif;
         color: #aa1caf;
         font-size:22px !important;
         }
         .card-header .card-title{
         font-size:20px !important;
         font-weight: 900 !important;
         font-family: "Roboto", sans-serif;
         }
         .title-bar .title {
         color: #e0376c;
         font-size:20px !important;
         font-weight: 900 !important;
         font-family: "Roboto", sans-serif;
         }
         .profiless .shop-card .dz-content{
         text-align:left;
         }
         .profiless .shop-card .dz-content .title{
         text-align:left !important;
         padding-bottom:5px;
         }
         .profile-list .shop-card .dz-content{
         text-align:center;
         }
         .profile-list .shop-card .price{
         text-align:center;
         }
         .menubar-area {
         background-color: #f8d615 !important;
         /*background-color: #ffdae7 !important;*/
         box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
         }
         .header .header-content {
         min-height: 60px;
         }
         .header .menu-toggler{
         border-radius: 0px;
         background-color: #fedb46;
         border: 0px solid var(--border-color);
         }
         .header .header-content .right-content i {
         font-size: 20px;
         background: #ffeea3;
         width: 35px;
         height: 35px;
         text-align: center;
         line-height: 35px;
         border-radius: 50%;
         color:#c3052a;
         }
         .sidebar {
         background-color: #f8d615;
         }
         .sidebar .author-box .dz-media {
         border-radius: 50%;
         }
         
         .swiper-slide {
         width: 100%; /* Let Swiper handle width */
         }
         /* Animation with pauses */
         /* Animation with pauses */
         @keyframes slideRightToLeft {
         0%   { transform: translateX(0); }
         22%  { transform: translateX(0); }
         27%  { transform: translateX(-100%); }
         49%  { transform: translateX(-100%); }
         54%  { transform: translateX(-200%); }
         76%  { transform: translateX(-200%); }
         81%  { transform: translateX(-300%); }
         100% { transform: translateX(-300%); }
         }
         /*.daily-recommendation-slider .swiper-slide{*/
         /*    margin-right:25px !important;*/
         /*}*/
         /*.daily-recommendation-slider .shop-card{*/
         /*    width:100%;*/
         /*}*/
         /*.daily-recommendation-slider .shop-card img{*/
         /*    width:700px !important;*/
         /*}*/
         .menubar-area .menubar-nav .nav-link.active {
         font-weight:700;
         color: #b10a7d;
         }
         .menubar-area .menubar-nav .nav-link:after{
         background:#b10a7d;
         }
         .header {
         background-color: #efe6b4;
         }
         /*.product-swiper {*/
         /*    margin: 0 -15px;*/
         /*    padding-left: 20px;*/
         /*}*/
         .daily-recommendation-slider .swiper-slide img {
         width: 100% !important;
         display: block;
         }
         .daily-recommendation-slider{
         margin-right:8px!important;
         }
         .header .menu-toggler {
         font-size: 30px;
         color: #c3052a;
         font-weight: 900;
         /*min-width: 40px;*/
         /*height: 40px;*/
         /*width: 40px;*/
         /*    border-radius: 0px;*/
         }
        
         .header {
         background-color: #efe6b400;
         box-shadow: none;
         border-bottom:0px;
         min-height: 120px;
         }
         .profile-area .content-box ul li a{
    padding:10px;
}
.profile-area .content-box ul li span{
    font-family: "Roboto", sans-serif;
    font-weight:900;
    font-size:13px;
}
.profile-area .tit{
  font-family: "Roboto", sans-serif;
        font-size:18px; 
        text-align:right;
}
.profile-area h6 span{
    text-align:right;
   
}
.profile-area h6 span i{
       color:#d1a114;
       margin:0px 6px;
       font-size:6px;
}
.main-profile-details h6 {
       font-family: "Roboto", sans-serif;
        font-size:18px;
}
.main-profile-details h6 span i{
       color:#d1a114;
       margin:0px 6px;
       font-size:6px;
}
.profile-area .content-box ul li .send{
    
}
.profile-area .content-box ul li .pending{
    
}
.profile-area .content-box ul li .pending i{
    color:#ebb414;
}
.profile-area .content-box ul li .pending .badge{
    background:#ebb414;
}
.profile-area .content-box ul li .accept{
       background: #daffda; 
}
.profile-area .content-box ul li .accept i{
    color:green;
}
.profile-area .content-box ul li .accept .badge{
    background:green;
}
.profile-area .content-box ul li .decline{
    
}
.profile-area .content-box ul li .decline i{
    color:red;
}
.profile-area .content-box ul li .decline .badge{
    background:red;
}
.table-container table{
    width:100%;
}
.table-container td{
    border-bottom:1px solid var(--border-color);
    padding:10px;font-family: "Roboto", sans-serif;
    font-weight:900;
    
}
.table-container td:last-child {
  text-align: right;
  color:black;
}
.profile-area .title-bar {
        background: #ffefa8;
       padding: 8px 10px;
      
}
.profile-area .title-bar .title {
       color:black;
       font-size:18px !important;
}
.profile-area .title-bar .title i{
    color:red;
}
.profile-area .main-profile .profile-detail span {
    display: inline-block;
}
  .section-head h2{
               color: #a70076;
               padding-bottom:20px;
                   font-weight: 800;
    font-family: "Roboto Condensed", sans-serif;
       }
.address-card {
    
    background-color: #fffdf7 !important;
}
.edit-profile:hover{
    color:green;
}
.btn-yellow {
   background: linear-gradient(90deg, #e6af12, #ff9800);
    border-color: #e6af12;
    color: white;
}
.btn-yellow:hover {
   background: linear-gradient(145deg, #e6af12, #c97e10, #8a5400);
    border-color: #e6af12;
    color: white;
}
  .account-box .logo-area {
    text-align: center;
    max-width: 80%;
       }
      
       .account-area h4{
           font-weight: 800;
    font-family: "Roboto Condensed", sans-serif;
    color:white;
       background: linear-gradient(135deg, #cf106f, #ff7e5f);
       padding:8px 10px;
       border-radius:10px 10px 0px 0px;
       text-align:left;
       }
        .section-head h6{
                font-family: var(--font-family-base);
             font-weight:600;
        }
         .account-area p {
            font-weight:600;
            color:black;
        }
        .account-area p a{
            font-weight:700;
        }
        .account-area p .btn-pri{
             padding: 3px 10px;
    font-size: 15px;
    border: 1px solid #fe4487;
    margin-left: 5px;
    border-radius: 5px;
        }
        .form-label {
    font-size: 0.875rem;
    font-weight: 600;
    color: black;
        }
        .confirm-address .form-check .form-check-label {
    font-weight: 400;
    border: 1px solid #a70076;
    background:white;
        }
        .confirm-address .form-check .form-check-input:checked + .form-check-label{
            background:#fe4487;
            color:white;
        }
         .account-box{
            padding-top:0px;
        }
       
        .search-area{
            border:1px solid #e6e2994d;
            border-radius:10px;
            background: #dbd3a1;
        }
        .search-area form{
            padding:20px 15px;
        }
        .form-icon {
  position: absolute;
      top: 70%;
    left: 12px;
    transform: translateY(-50%);
    color: #df346a;
  font-size: 16px;
  pointer-events: none;
}