:root{
 
    /* background color */
    --bg-primary-color:#EE3B5B;
    --bg-secondary-color:#e8e4f2;
    --bg-tertiory:#F3A51E;
    


    /* font color */
    --text-primary-color:black;
    --text-secondary-color:#EE3B5B;
    --text-tertiory-color:#e8e4f2;


    /* font fammily */
    --font-familly-primary:"Arya", sans-serif;
    --font-familly-secondary:"Poppins", sans-serif;


}



.footer{
  background-color: var(--bg-primary-color);
}

.social-icons-div{
  background-color: var(--bg-secondary-color);
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.social-icons-div:hover {
  background-color: transparent;
  border: 2px solid white;
   transition: 2s;

}


.social-icons-div i{
  color: var(--text-secondary-color);
  
}

.social-icons-div:hover i{
  color: white;
  transition: 2s;
  transform: scale(0.9);
}


.social-icons{
  display: flex;
  justify-content: center;
}


.footer-heading{
  font-family: var(--font-familly-primary);
  color: var(--text-tertiory-color);
  font-size: 25px;
  font-weight: 700;
}

.footer-content p{
  font-family: var(--font-familly-secondary);
  color: var(--text-tertiory-color);
 
}


.footer-menu-list{
  line-height: 30px;
  padding-left: 20px;
    
}

.footer-menu-list li{
  /* list-style: none; */
  color: var(--text-tertiory-color);
}

.credit-div p{
  color: var(--text-tertiory-color);
  font-family: var(--font-familly-secondary);
}

/* Footer Styles */
.mobile-footer-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background-color: #fff;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-around;
  align-items: center;
  z-index: 999;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
}

.footer-link {
  flex: 1;
  text-align: center;
  color: #333;
  text-decoration: none;
  font-size: 12px;
}

.footer-link i {
  font-size: 20px;
  display: block;
  margin-bottom: 2px;
}

/* Center icon is slightly larger */
.home-icon i {
  font-size: 24px;
  color: red; /* Highlight center icon */
}

/* Show only on mobile */
@media (min-width: 768px) {
  .mobile-footer-sticky {
    display: none;
  }
}
.footer-icon img {
  width: 20px;
}
.footer-link span {
  font-family: var(--font-familly-secondary);
  font-weight: 600;
}
.home-icon {
  background-color: whitesmoke;
  padding: 10px;
  color: var(--bg-tertiory);
}