:root {
  --black_medium: #171717;
  --light-grey: #ddd6d3;
  --sea-green: #00a89c;
  --orange: #ef541c;
  --dark-grey: #373836;
  --black: #000000;
  --text-color: #333333;
  --white: #ffffff;
  --heading-color: #2f4f4f;
  --d-grey: #434343;
  --bg-color: #f9f5ef;
  --font-family: "Merriweather", serif;
}

/* Heading and Paragraph */
.cardsBox-icon {
    margin-bottom: 20px;
}
.Heading h2 {
  font-family: var(--serif);
  color: #111;
  letter-spacing: -1px;
  font-size: 38px;
  font-weight: 400;
  line-height: 45px;
}
.Heading{
    margin-bottom: 10px !important;
}
.para p {
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.Heading.white h2 {
  color: #fff;
}

.para.white p {
  color: #fff;
}
.svc-header {
  margin-bottom: 35px;
}
.svc-tag {
  display: block;
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 500;
  color: #006da6;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
.svc-tag.white {
  color: #fff;
}
.headingSmall h3 {
  font-size: 18px;
  font-family: var(--serif);
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}
.headingSmall.white h3 {
  color: #ffffff;
}
.paraSmall p {
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.7;
  color: #000000;
  font-weight: 400;
}
.service-feature-list {
  font-family: var(--sans);
}

/* Button */
.btn-wrap {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.wave-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 10px 10px 10px 32px;
  border-radius: 100px;
  text-decoration: none;
  overflow: hidden;
  transition: 0.4s ease;
}

.wave-btn::before {
  content: "";
  position: absolute;
  inset: 0;

  background: linear-gradient(135deg, #4fd0f5 0%, #2dadef 100%);
  background-size: 300% 300%;

  animation: gradientMove 5s ease infinite;
  transition: 0.4s;

  z-index: 1;
}
.wave-btn span,
.wave-btn-icon {
  position: relative;
  z-index: 2;
}
.wave-btn span {
  font-family: var(--sans);
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.wave-btn-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: 0.4s ease;
}

.wave-btn-icon i {
  font-size: 18px;
  transition: 0.4s ease;
}

.wave-btn-blue .wave-btn-icon {
  background: #fff;
  color: #111;
}
.wave-btn-white {
  border: 2px solid #fff;
}
.wave-btn-white::before {
  background: #fff;
  animation: none;
}

.wave-btn-white span {
  color: #111;
}

.wave-btn-white .wave-btn-icon {
  background: linear-gradient(135deg, #4fd0f5 0%, #2dadef 100%);
  color: #fff;
  background-size: 300% 300%;
  animation: gradientMove 5s ease infinite;
}

.wave-btn:hover {
  transform: translateY(-4px);
}

.wave-btn-blue:hover::before {
  background: linear-gradient(135deg, #1f8de0 0%, #0666c5 100%);
}

.wave-btn-white:hover::before {
  background: linear-gradient(135deg, #4fd0f5 0%, #2dadef 100%);
  animation: gradientMove 5s ease infinite;
}

.wave-btn-white:hover span {
  color: #fff;
}

.wave-btn-white:hover .wave-btn-icon {
  background: #fff;
  color: #111;
}

.wave-btn:hover .wave-btn-icon i {
  animation: vibrate 0.3s linear infinite;
}

@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes vibrate {
  0% {
    transform: translateX(0);
  }

  25% {
    transform: translateX(-2px);
  }

  50% {
    transform: translateX(2px);
  }

  75% {
    transform: translateX(-2px);
  }

  100% {
    transform: translateX(0);
  }
}