.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:100px;
    width:210px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:#fff;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    border-radius: 15px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
}
.sticky li:hover{
    margin-left:-185px;
}
.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    padding-top:5px;
    margin:0px;
    line-height:16px;
    font-size:11px;
}
.sticky  p a{
    text-decoration:none;
    color:#2C3539;
}
.sticky li p a:hover{
    text-decoration:underline;
}
 @media (max-width: 480px) {
            .sticky-container{
                right:-130px;
                top:220px;
            }
        }

        
 //Pop up message
 .popup{
        background-color: #DA70D6;
 }
         .popup {
            display: none;
            position: fixed;
            bottom: 110px;
            right: 20px;
           background: linear-gradient(130deg, #474749 0%, #ffffff 40%, #ffffff, #ffffff, #d8261c 100%);

            border: 1px solid #ddd;
            padding: 15px;
           // box-shadow: 0px 0px 10px 0px red;
            cursor: pointer; /* Add cursor style to indicate it's clickable */
            display: flex;
            flex-direction: column;
            align-items: center;
            z-index: 999; /* Set a high z-index value to appear on top */
            animation: bounce 1s infinite; /* Apply the bounce animation */
            border-radius: 15px 50px 30px;
           
        }

        .popup .mb-4 {
            margin-bottom: -10px;
            text-align: center;
            
        }

        .close {
            position: absolute;
            top: 2px;
            left: 15px;
            color: black;
            font-size: 30px;  
        }
        .col{
            margin-top:20px;
            text-shadow: 0px 2px  #F0F8FF;
        }

        /* Define the bounce animation */
        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% {
                transform: translateY(0); /* No vertical movement at these keyframes */
            }
            40% {
                transform: translateY(-20px); /* Bounce upward at this keyframe */
            }
            60% {
                transform: translateY(-10px); /* Bounce downward at this keyframe */
            }
        }

        /* Responsive design for mobile phones */
        @media (max-width: 480px) {
            .popup {
                bottom: 120px;
                right: 10px;
            }
            .yo{
                margin-right: -20px;
                background-color: red;
            }
        }