@media (max-width:600px){

.footer-btn-cntnr a {
		background: #fff;
		color: #000;
		display: inline-flex;
		width: 43px;
		height: 43px;
		justify-content: center;
		align-items: center;
		font-size: 41px;
		border-radius: 30px;
		flex-direction: column;
		text-decoration: none;
		white-space: nowrap;
	}

	.footer-btn-cntnr a i {
		font-size: 52px;
		color: #000;
		display: flex;
		width: 43px;
		height: 43px;
		justify-content: center;
		align-items: center;
		border-radius: 30px;
		flex-direction: column;
		min-height: 43px;
		margin-bottom: 20px;
		position: relative;
		top: 15px
	}

	.footer-btn-cntnr a span {
		color: #fff;
		font-size: 9px;
		text-transform: uppercase;
	}

	.footer-btn-cntnr {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	
	
	.footer-btn-cntnr .icon-collections.icon-grid {
		font-size: 37px;
		color: #FF5722;
	}

	.footer-btn-cntnr .icon-ai-search.icon-mic1 {
		font-size: 27px;
		color: #1abae2;
	}

	.footer-btn-cntnr .icon-whatsapp {
		font-size: 26px !important;
		color: #25d366;
		position: relative;
		right: -1px;
	}



	.footer-btn-cntnr .email-icon.icon-envelope3 {
		font-size: 23px;
		color: #05bddb;
	}

	.footer-btn-cntnr .favorite-icon.icon-heart1 {
		    font-size: 24px;
			color: #e91e63;
			position: relative;
			top: 17px;
	}
	
	

    /* Floating Footer */
    .floating-footer{
		position: fixed;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%) translateY(0);
		width: 100%;
		max-width: 900px;
		background: #111;
		color: #fff;
		padding: 15px;
		border-radius: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 20px;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
		transition: transform 0.35s ease, opacity 0.35s ease;
		z-index: 9999;
		padding-bottom: 27px;
    }



    /* Hidden State */
    .floating-footer.hide{
      transform:translateX(-50%) translateY(140%);
      opacity:0;
      pointer-events:none;
    }

    .footer-left h4{
      font-size:18px;
      font-weight:600;
      margin-bottom:4px;
    }

    .footer-left p{
      font-size:14px;
      opacity:0.8;
    }

    .footer-btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;

      padding:12px 24px;
      border-radius:10px;

      background:#fff;
      color:#111;

      text-decoration:none;
      font-size:14px;
      font-weight:600;

      transition:0.3s ease;
      white-space:nowrap;
    }

    .footer-btn:hover{
      background:#e5e5e5;
    }
	


    

      .floating-footer{
        flex-direction:column;
        align-items:flex-start;
      }

      .footer-btn{
        width:100%;
      }
 
	
	
	
	
	
/* Container */
.meny-arrow_1{
    position: fixed;
    left: 20px;
    top: 450px;
    z-index: 9999;
}

/* Main Box */
.personal-user_1{

    width: 120px;
    height: 110px;

    background: #05bddb;

    padding: 12px;

    color: #fff;

    font-size: 15px;
    font-weight: 600;
    line-height: 19px;

    border-radius: 7px;

    position: relative;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    justify-content: center;

    cursor: pointer;

    font-family: 'Montserrat', sans-serif;

    /* Smooth transitions */
    transition:
        width 1s ease,
        height 1s ease,
        border-radius 1s ease,
        padding 1s ease,
        opacity 0.8s ease;
}

/* Arrow */
.personal-user::before{

    content: "";

    position: absolute;

    left: -10px;
    top: 40px;

    width: 0;
    height: 0;

    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #05bddb;

    transition: opacity 0.4s ease;
}

/* Text */
.personal-user_1 span{
        display: block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

/* Heartbeat */
.animate-box{
    animation: heartbeat 1.2s ease-in-out 1;
}

/* STEP 1 — Shrink */
.personal-user_1.shrink{

    width: 43px;
    height: 43px;

    padding: 0;

    border-radius: 50%;

    font-size: 0;

    align-items: center;
    justify-content: center;
}

/* Hide text */
.personal-user_1.shrink span{
    display:none;
}

/* Hide arrow */
.personal-user_1.shrink::before{
    opacity:0;
}

/* White center dot */
.personal-user.shrink::after{

    content:"";

    width:10px;
    height:10px;

    background:#fff;
    border-radius:50%;
}

/* STEP 2 — Slow Floating Move */
.personal-user_1.move{

    animation: moveToCorner 5s ease-in-out forwards;
}

/* STEP 3 — Hide */
.personal-user_1.hide{
    opacity:0;
}

.meny-active .floating-footer {
    display: none;
}

/* Heartbeat */
@keyframes heartbeat{

    0%{
        transform:scale(1);
    }

    14%{
        transform:scale(1.15);
    }

    28%{
        transform:scale(1);
    }

    42%{
        transform:scale(1.15);
    }

    70%{
        transform:scale(1);
    }

    100%{
        transform:scale(1);
    }
}

/* Very Slow Movement */
@keyframes moveToCorner{

    0%{
        transform: translate(0,0);
    }

    100%{
        transform: translate(-5px, calc(100vh - 180px));
    }
}


.color-box{
    

    background:#ffffff;

   animation: colorPulse 1.5s ease-in-out 1;
   animation-delay: 4s;
}

/* White -> Blue -> White */
@keyframes colorPulse{

    0%{
        background:#ffffff;
    }

    50%{
        background:#05bddb;
    }

    100%{
        background:#ffffff;
    }

}

  .meny-arrow{
        display:none;
    }
}
    .footer-btn-cntnr a.fav-icon em {
    position: absolute;
    top: 7px;
    right: 20px;
    background-color: #febc1f;
    border-radius: 9px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 9px;
    font-family: Poppins;
    min-width: 15px;
    height: 15px;
    line-height: 16px;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    color: #000;
    font-style: normal;
}

/* Hide on desktop */
@media(min-width:768px){

    

}