/* Add here all your CSS customizations */


.my-SalesWA{
    position:fixed;
    bottom:20px;
    right:20px;
    text-decoration:none; 
    z-index:999;
    padding: 14px 18px;
    font-size: 18px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(135deg, #199547, #09e85c, #25D366);
    color: white;
    cursor: pointer;
    outline: none;

    /* smooth changing gradient */
    background-size: 300% 300%;
    animation: flow 6s ease infinite, breathe 3s ease-in-out infinite;    
}

.my-SalesWA:hover{
    color:#FFFF00;
    transition: all 0.6s ease-in-out;
}

@keyframes flow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes breathe {
  0% { transform: scale(1); box-shadow: 0 0 10px rgba(89,89,89,0.4); }
  50% { transform: scale(1.07); box-shadow: 0 0 20px rgba(89,89,89,0.6); }
  100% { transform: scale(1); box-shadow: 0 0 10px rgba(89,89,89,0.4); }
}

.hbx10{
    
    min-height: 140px;
}

.hby200{
    
    min-height: 320px;
}
.hby500{
    
    min-height: 480px;
}


.textlight-50{
    
    color: #ADADAD;
}

.img-round5{
    
    border-radius: 30px;
}

.qtextli ul{
    
    margin-left: -20px;
    
}
.qtextli h2{
    
    font-weight: 400;
    color: #580016;
    font-size: 20px;
    
}


.boxp1{
    
    border: 4px solid #b6002e;
    border-radius: 40px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    
}

.lineheight-1
{
    line-height: 1.0;
}