/*** 

====================================================================
		Call To Action
====================================================================

***/
.call-to-action {
  position: relative;
  padding: 80px 0 80px;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .call-to-action {
    padding: 90px 0;
  }
}
.call-to-action .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.call-to-action .bg-image:before {
  position: absolute;
  content: "";
  background-color: rgba(7, 7, 7, 0.263);
  opacity: 0.729;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.call-to-action .title-box {
  position: relative !important;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
}
.call-to-action .title-box .logo-box {
  margin-bottom: 34px;
}
@media (max-width: 767.98px) {
  .call-to-action .title-box .logo-box {
    margin-bottom: 28px;
  }
}
.call-to-action .title-box .title {
  color: #fff;
  margin-bottom: 20px;
  font-size: 60px !important;
}
@media (max-width: 991.98px) {
  .call-to-action .title-box .title {
    font-size: 36px !important;
  }
}
@media (max-width: 575.98px) {
  .call-to-action .title-box .title {
    font-size: 32px;
  }
}
.call-to-action .title-box .text {
  color: #fff;
  font-size: 18px;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .call-to-action .title-box .text br {
    display: none;
  }
}
.call-to-action.style-two .bg-image:before {
  display: none;
}
.call-to-action.style-two .sub-title {
  color: var(--text-color-bg-theme-color1);
  font-family: var(--title-font);
  font-weight: 500;
  margin-bottom: 13px;
}
.call-to-action.style-two .title {
  margin-bottom: 39px;
}
.call-to-action.style-two .theme-btn {
  margin-right: 10px;
}
@media (max-width: 575.98px) {
  .call-to-action.style-two .theme-btn {
    margin-bottom: 20px;
  }
}
.call-to-action.style-two .theme-btn:hover .icon {
  background-color: var(--theme-color2);
}
.call-to-action.style-two .theme-btn .icon {
  background-color: var(--text-color-bg-theme-color1);
}



.button-wiggle:hover{
  color: white !important;
}

.button-wiggle {
  animation: wiggle 4s 1.3s infinite;
}

@keyframes wiggle {
    5%,
    50% {
        transform: scale(1);
    }
    10% {
        transform: scale(0.9);
    }
    15% {
        transform: scale(1.15);
    }
    20% {
        transform: scale(1.15) rotate(-5deg);
    }
    25% {
        transform: scale(1.15) rotate(5deg);
    }
    30% {
        transform: scale(1.15) rotate(-3deg);
    }
    35% {
        transform: scale(1.15) rotate(2deg);
    }
    40% {
        transform: scale(1.15) rotate(0);
    }
}