.bg-it {
  cursor: pointer;
  background:url("../assets/images/second-it-hub-hover.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 5.5rem;
  margin-left: 0.4rem;
  transition: all 0.6s ease ;
}

.hover\:bg-it-hover:hover {
  background:url("../assets/images/it-hub-hover-effect.png");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.6s ease ;
}

/* FOOTER RESPONSIVE  */
@media only screen and (max-width: 376px) {
  ul.flex.justify-center.text-sm.text-gray-500.sm\:mb-0.dark\:text-gray-400 {
    font-size: 0.65rem;
  }

  .mr-4 {
    margin-right: 0.7rem;
  }
}

@media only screen and (max-width: 300px) {
  ul.flex.justify-center.text-sm.text-gray-500.sm\:mb-0.dark\:text-gray-400 {
    font-size: 0.62rem;
  }

  .mr-4 {
    margin-right: 0.7rem;
  }

  .w-1\/2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .flex.my-4.w-2\/6.justify-end {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  span.block.text-sm.text-gray-500.sm\:text-center.dark\:text-gray-400 {
    text-align: center;
  }
}

@media only screen and (max-width: 600px) {
  .w-1\/2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .flex.my-4.w-2\/6.justify-end {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  span.block.text-sm.text-gray-500.sm\:text-center.dark\:text-gray-400 {
    text-align: center;
  }
}
  
@media only screen and (max-width: 768px) {
  .w-1\/2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .flex.my-4.w-2\/6.justify-end {
    display: flex;
    width: 100%;
    justify-content: center !important;
  }

  span.block.text-sm.text-gray-500.sm\:text-center.dark\:text-gray-400 {
    text-align: center;
  }
}
  
@media only screen and (max-width: 995px) {
  .w-1\/2 {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .flex.my-4.w-2\/6.justify-end {
    display:flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: -1rem !important;
  }

  span.block.text-sm.text-gray-500.sm\:text-center.dark\:text-gray-400 {
    text-align: center;
  }
}