.fzf-wrapper {
  padding: 45px 0;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;

  .fzf-left-content-wrapper {
    .fzf-content-inner {
      padding: 110px 0;

      h1 {
        font-size: 261px;
        line-height: 1;
        font-weight: 700;
        color: #1c2c41;
        margin-bottom: 60px;
      }

      h2 {
        font-size: 36px;
        font-weight: 700;
        color: #1c2c41;
        margin-bottom: 10px;
        line-height: 46px;
      }

      p {
        font-size: 16px;
        color: #4a4a4a;
        opacity: 0.8;
        margin-bottom: 30px;
      }
    }
  }
}

.animation-infinity {
  position: relative;
  animation: animation-jump 2s ease-in-out infinite;
  -webkit-animation: animation-jump 2s ease-in-out infinite;
}

@-webkit-keyframes animation-jump {
  0% {
    top: 3px;
  }

  50% {
    top: -3px;
  }

  100% {
    top: 3px;
  }
}

@keyframes animation-jump {
  0% {
    top: 3px;
  }

  50% {
    top: -3px;
  }

  100% {
    top: 3px;
  }
}

/*=================================================================================================
                                    Responsive code start
=================================================================================================*/
/**************************************************************** 
                  Full HD Min Width 1407
**************************************************************** */
/* Full HD Min Width 1408px */
@media (min-width: 1408px) {
}

/**************************************************************** 
                  Widescreen Between 1216px and 1407px
**************************************************************** */
@media (min-width: 1216px) and (max-width: 1407px) {
  .fzf-wrapper {
    .fzf-left-content-wrapper {
      .fzf-content-inner {
        h1 {
          font-size: 220px;
        }
      }
    }
  }
}

/**************************************************************** 
                  Desktop Between 1024px and 1215px
**************************************************************** */
@media (min-width: 1024px) and (max-width: 1215px) {
  .fzf-wrapper {
    .fzf-left-content-wrapper {
      .fzf-content-inner {
        padding: 70px 0;

        h1 {
          font-size: 200px;
        }
      }
    }
  }
}

/**************************************************************** 
                  Tablet Between 769px and 1023px
**************************************************************** */
@media (min-width: 769px) and (max-width: 1023px) {
  .fzf-wrapper {
    .fzf-left-content-wrapper {
      .fzf-content-inner {
        padding: 70px 0;

        h1 {
          font-size: 200px;
        }
      }
    }
  }
}

/**************************************************************** 
                    Mobile Up to 768px. 
**************************************************************** */
@media only screen and (min-width: 100px) and (max-width: 768px) {
  .fzf-wrapper {
    .fzf-left-content-wrapper {
      .fzf-content-inner {
        padding: 60px 0;

        h1 {
          font-size: 150px;
          margin-bottom: 10px;
        }

        h2 {
          font-size: 30px;
        }
      }
    }
  }
}

/*=================================================================================================
                                    Responsive code end
=================================================================================================*/