/**
 * Theme Name: Child Theme For Renity
 * Description: Child Theme For Renity based on Blocksy
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Gradient Heading */
.gradient-h {
  color: #007ED4;
  background-image: linear-gradient(180deg, rgba(0, 126, 212, 1), rgba(0, 50, 85, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Gradient Text */
.text-gradient {
  color: #007ED4;
  background-image: linear-gradient(90deg, #007FD4, #003154 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Gradient Text 2 */
.text-gradient-2 {
  color: #ffffff;
  background-image: linear-gradient(180deg, #FFFFFF, #80BFEA 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Carattere Font */
.diff_font {
  font-family: "Carattere", Sans-serif;
  color: #007ED4;
  font-size: clamp(2.222rem, 2.237vw + 0.947rem, 3.333rem)
}

/* Our Services */
.container-with-text {
  display: none;
  opacity: 0;
  transform: scale(0.3);
  transform-origin: center center;
  transition:
    transform 0.5s cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 0.5s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.container-for-hover:hover .icon-container {
  display: none;
}

.container-for-hover:hover .container-with-text {
  display: flex;
  opacity: 1;
  animation: fadeIn 0.2s forwards;
  transform: scale(1);
}

@keyframes fadeIn {
  from {
    transform: scale(0.1);
  }

  to {
    transform: scale(1);
  }
}