/*  footer  */

footer {
    background: white;
    border-top: 1px solid var(--border-color-grey);
    margin-top : 60px;
  }
  .logo-footer {
    width : 150px;
  }
  .logo-footer img {
    width : 100%;
    height : 100%;
    object-fit: cover;
  }
  .desc-footer {
    font-size : 14px;
    color : rgb(0, 0, 0);
  }
  
  footer .title-footer {
    color : rgb(0, 0, 0);
    font-size : 16px;
    font-weight: bold;
    padding-top : 10px;
  }
  
  footer .navbar-nav {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap : 10px;
  }
  footer .navbar-nav .navbar-link  {
    color : rgb(0, 0, 0);
    font-size : 14px;
    text-decoration: none;
    padding : 0px;
  }
  /* footer .navbar-nav .navbar-link i {
    
  } */
  footer .navbar-nav .navbar-item i {
    font-size : 16px;
    margin-right : 8px;
  }
  footer .navbar-nav .navbar-item .fa-circle{
    font-size: 8px;
  }
  footer .navbar-nav .navbar-item {
    position: unset;
    cursor: pointer;
  }
  footer .navbar-nav .navbar-item .dropdown{
    position: unset;
    list-style-type: none;
    background-color: transparent ;
    box-shadow: none;
    padding : 10px;
    padding-left : 18px;
    display: none;
  }
  
  
  footer .navbar-nav .navbar-item .dropdown .dropdown-item .dropdown-link {
          padding : none;
          font-size : 16px;
          padding : 0px;
          background-color: transparent;
          text-decoration: none;
          display: block;
          padding : 10px 0px;
          color : black;
  }
  footer .navbar-nav .navbar-item:hover .navbar-link{
      color : var(--bg-sale);
  }
  footer .navbar-nav .navbar-item:hover{
    color : var(--bg-sale);
  }
  .rotate {
    transform: rotate(90deg);
  }
  
  footer .footer-contact {
    display: flex;
    flex-direction: column;
    gap : 20px;
  }
  footer .footer-contact .contact {
    display: flex;
    color : rgb(0, 0, 0);
    gap : 10px;
  }
  
  
  footer .footer-contact .contact i {
    color : var(--bg-sale);
    font-size : 16px;
  
  }
  
  
  footer .footer-contact .contact p a {
    text-decoration: none;
    color : rgb(0, 0, 0);
    width: 100%;
    font-size : 14px;
  }
  footer .footer-contact .contact p:hover a {
    color : var(--bg-sale);
  }
  .social-group-footer {
    color : rgb(0, 0, 0);
    display: flex;
    gap :20px;
  }
  .social-group-footer  i {
   font-size : 20px;
    color : var(--bg-sale);
  }
  .social-group-footer  i:hover {
   transform: scale(120%);
   transition: all 0.8s;
   cursor: pointer;
  }
  
  
  
  .group-footer .form-inline {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .group-footer .form-inline .comment-message {
    width: 100%;
    resize: none;
    width: 100%;
    outline: none;
    /* border: 1px solid var(--bg-sale); */
    border-radius: 10px;
    padding: 10px;
    font-family: var(--font-hanuman);
    color: var(--bg-sale);
  }
  
  .group-footer .form-inline .comment-message::placeholder {
    /* color: var(--bg-sale); */
    font-size: 14px;
  }
 
  .group-btn .btn-send {
    background-color: var(--bg-sale);
    width: 120px;
    height: 40px;
    border-radius: 0px;
    text-decoration: none;
    position: relative;
  }
   .group-btn .btn-overlay {
    position: absolute;
    top : 10px;
    left : 10px;
    border: 2.5px solid var(--bg-sale);
    width: 120px;
    height: 40px;
  }
   .group-btn .btn-send:hover .btn-overlay {
    top : 0px;
    left : 0px;
    transition: all 0.8s;
  } 
  
  
  footer .footer-copyright {
    width : 100%;
    height: 80px;
    border-top : 1px solid var(--border-color-grey);
    display: flex;
    align-items: center;
  }
  
  footer .footer-copyright .container .row {
    display: flex;
    align-items: center;
  } 
  
  footer .footer-copyright  .text-copyright {
         font-size : 16px;
         display: flex;
         justify-content: start;
         align-items: center;
  }
  footer .footer-copyright .company-payment {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top : 10px;
    flex-wrap: wrap;
  }
  footer .footer-copyright .company-payment img {
    width : 60px;
    height :40px;
  }