footer{
    background-image: url('../../assets/img/footer-bg.jpg');
    @apply bg-no-repeat bg-cover bg-center py-4 xl:pt-8 relative z-[1] mb-[63px] xl:mb-0;
    *{
        @apply text-white
    }
  }
.footer-logo{
    @apply w-[60px] h-[60px] lg:w-[105px] lg:h-[105px]
}
.footer-social-wrapper{
    @apply flex items-center justify-center lg:justify-start flex-wrap gap-3;
    img{
        @apply w-[25px] h-[25px] lg:w-[35px] lg:h-[35px]
    }
}


// Cookies Permission
.cookies-wrapper{
    @apply fixed bottom-3 border border-gray-200 border-opacity-25 md:left-1/2 right-0 left-0 md:right-[initial] md:-translate-x-1/2  bg-white bg-opacity-40 flex justify-center flex-col md:flex-row shadow-md w-11/12 md:w-8/12 xl:w-[47%] mx-auto rounded-sm;
    z-index: 1041;
    backdrop-filter: blur(4px);
    .cookies-text{
      @apply p-4 pr-10 sm:p-8 sm:pb-6 md:p-5 text-13 lg:text-14 dark:text-white;
      span{
          @apply line-clamp-3
      }
    }
  }

  .cookies-action{
    @apply flex items-center justify-center pb-4 md:pb-0 pr-4;
    @screen md{
      width: 220px;
      flex: 0 0 220px;
    }
  }

  .cookies-accept{
    @apply border border-transparent rounded-sm font-medium md:mr-4 px-10 py-2   bg-secondary text-13 lg:text-14 cursor-pointer transition-all;
    white-space: nowrap;
  }
  .cookies-denied{
      @apply cursor-pointer absolute md:relative;
      svg path{
        stroke:#fff
      }
      @screen <md{
          @apply top-2 right-1;
    }  
  } 

  .widget-wrapper{
    @apply fixed bottom-24 xl:bottom-6 right-5 space-y-3 z-[1] transition-all duration-500;
    &.scrolled{
        @apply bottom-36 xl:bottom-16
    }
    img{
        @apply w-[47px] h-[47px] shadow-lg rounded-full;
    }
    > a {
        @apply transition-all duration-300 hover:scale-[1.1]
    }
}