.box-shadow-sm {
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgb(0 0 0 / 3%), 0 0.275rem 0.75rem -0.0625rem rgb(0 0 0 / 6%) !important;
}

.rounded-lg {
    border-radius: 0.4375rem !important;
}

 .widget-title a 
 {
    color: black !important;
    text-decoration: none;
    background-color: transparent;
}

.pb-0, .py-0 {
    padding-bottom: 0 !important;
}

.widget-title {
    margin-bottom: 1.125rem;
    font-size: 1.0625rem;
    font-weight: 700;
}

    .footer span {
        font-size: 12px
    }

    .product-qty span {
        font-size: 12px;
        color: #6A6A6A;
    }

    label {
        font-size: 16px;
    }

    .divider-role {
        border-bottom: 1px solid whitesmoke;
    }

    .sidebarL h3:hover + .divider-role {
        border-bottom: 3px solid #000000    !important;
        transition: .2s ease-in-out;
    }

    .price_sidebar {
        padding: 20px;
    }
    
    .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.085);
    border-radius: 0.4375rem;
}

.active-menu {
    color: #000000!important;
}

    @media (max-width: 600px) {

        .sidebar_heading h1 {
            text-align: center;
            color: aliceblue;
            padding-bottom: 17px;
            font-size: 19px;
        }

        .sidebarR {
            padding: 24px;
        }

        .price_sidebar {
            padding: 20px;
        }
    }


.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}


.card-header {
    padding: 0.875rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 1px solid rgba(0, 0, 0, 0.085);
}



.font-nameA {
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 7px !important;
    font-size: 17px;
    color: #030303;
}

.loyalty {
    font-weight: 700;
    font-size:28px ;
    margin-top: 0px;
    margin-bottom: 7px !important;
    
    color: #030303;
}
.btn-purple
{
    background:#7a4d96;
    color:#fff;
}
.btn-outline-purple
{
    color: #7a4d96;
    border-color: #7a4d96;
}

.loyalheader {
  
    background: #eaecf9;
}

 .form-signin {
    
  width: 100%;
  max-width: 600px;
  padding: 15px;
  margin: auto;
  border:2px solid #7a4d96;
  border-radius:10px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media (max-width: 768px)

{
  .form-signin  
    {
        width:80%;
    }
}



.linkurl
{
    text-decoration:none;
    color:#7a4d96;
}
.linkurl:hover
{
    color:#3c234d;
}

.content-header p 
{
    margin-top:10px;
}

.alert-success 
{
    padding:0 px;
}

 .error {
      color: red !important;
      font-weight: normal;
      font-size: 12px !important;
      margin: 0px 0;
      transition: .5s;
    }
     .required_star{
        color: #dd4b39;
    }
    
    .cvvstyl
    {
            position: absolute;
    margin-left: 24%;
    font-weight: bolder;
    cursor:pointer;
    color:#7a4d96;
    }
    
    input::focus
    {
        outline:none;
    }
    

      @media (max-width: 768px) {
            .cardimages img {
            width:50px;
            height:50px;
            margin-top:20px;
            }
        }
        
         @media (max-width: 768px) {
            .cvvstyl {
           
           display:none;
            }
        }


/*---------------------------------------------------------*/

.drpcss
{
    margin-right:40px;
    margin-top:10px;
}

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }
 

  .trackorder
    {
            color: #212529;
    text-decoration: none;
       margin-top: 18px;
    margin-right: 15px;
    }
    
      .trackorder:hover
      {
           color: #7a4d96;
          
      }
      
          .mobile-nav
{
    background: #f6f7fc;
    position: fixed;
    bottom: 0;
    height: 65px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    z-index:999;
}

   @media screen and (min-width:600px) {
    .mobile-nav
    {
        display: none;
    }
    
   
    
}