:root {
  --primary-color: #ead03b;
  --secondary-color: #ead03b;

  --btn-primary-border-radius: 0.25rem;
  --btn-primary-color: #2a2968;
  --btn-primary-background-color: #ead03b;
  --btn-primary-border-color: #ead03b;
  --btn-primary-hover-color: #2a2968;
  --btn-primary-background-hover-color: #ead03b;
  --btn-primary-border-hover-color: #ead03b;
  --btn-primary-font-weight: 500;

  --btn-secondary-border-radius: 0.25rem;
  --btn-secondary-color: #ead03b;
  --btn-secondary-background-color: transparent;
  --btn-secondary-border-color: #ead03b;
  --btn-secondary-hover-color: #fff;
  --btn-secondary-background-hover-color: #ead03b;
  --btn-secondary-border-hover-color: #ead03b;
  --btn-secondary-font-weight: 500;

  --heading-color: #2a2968;
  --heading-font-family: "Poppins", sans-serif;
  --heading-font-weight: 700;

  --title-color: #2a2968;
  --title-font-family: "Poppins", sans-serif;
  --title-font-weight: 400;

  --body-color: #2a2968;
  --body-background-color: #fff;
  --body-font-family: "Poppins", sans-serif;
  --body-font-size: 14px;
  --body-font-weight: 300;

  --section-heading-color: #2a2968;
  --section-heading-font-family: "Poppins", sans-serif;
  --section-heading-font-size: 48px;
  --section-heading-font-weight: 600;

  --section-subheading-color: #2a2968;
  --section-subheading-font-family: "Poppins", sans-serif;
  --section-subheading-font-size: 16px;
  --section-subheading-font-weight: 400;
}
.about-service-inner {
  border-radius: 5px;
background-color: #ffffff;
-webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.08);
padding: 20px 15px;
}
.section-heading{
font-size: 40px;
}
.about-service-title {
  font-size: 13px;
  
}

.trusted-badge {
  margin-top: 24px;
  padding: 40px;

  -ms-display: flex;
  -webkit-display: flex;
  display: -webkit-box;
  display: flex;
  -ms-align-items: unset !important;
  -webkit-align-items: unset !important;
  -webkit-box-align: unset !important;
  -ms-flex-align: unset !important;
  align-items: unset !important;
  -ms-justify-content: unset !important;
  -webkit-justify-content: unset !important;
  -webkit-box-pack: unset !important;
  -ms-flex-pack: unset !important;
  justify-content: unset !important;
}
.nav-link:focus,
.nav-link:hover {
  color: unset;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #ead03b;
  border-radius: 38px;
  font-size: 16px;
  font-weight: 600;
}

.slick-track {
  margin: unset;
}
.article-slick-item {
  padding: 0px 0px 20px;
}
.edit_btns {
  padding: 11px;
  border-radius: 59px;
  background-color: #2a296817;
}
.article-card {
  margin-top: 10px;
}
.tab-pane {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}

.tab-pane.active {
  opacity: 1;
}

.nav {
  gap: 15px;
}

.myStats :where(.statsitem) {
  background-color: #ead03b;
  border: unset !important;
}
.span-plus1 {
  color: white;
}
.myStats :where(.second) {
  background-color: #2a2968;
  border: unset !important;
}
.myStats {
  position: absolute;
  right: 0px;
  bottom: 0px;
  transform: translate(0, 0);
  padding-bottom: 0px !important;
  max-width: 100%; /* Ensures it fits within the parent */
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.forResizing {
  animation: floatAnimation 1s ease-in-out infinite;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .statsitem :where(h4) {
    font-size: 30px !important;
  }
  .statsitem :where(p) {
    font-size: 8px !important;
    font-weight: 500;
  }
  .myStats {
    right: 0px;
    bottom: -5px;
  }
  .statsitem {
    min-height: 115px !important;
  }
}