:root {
  --co-title-font-1: 0.727rem;
  --co-title-font-2: 0.909rem;
  --co-font-1: 0.45rem !important; /* 10px */
  --co-font-2: 0.636rem !important; /* 14px */
  --co-font-3: var(--co-title-font-1); /* 16px */
  --co-font-4: var(--co-title-font-2); /* 20px */
  --co-font-5: 0.545rem; /* 12px */
  --co-font-6: 0.818rem; /* 18px */
  --co-font-7: 1.2727rem; /* 28px */
  --co-font-8: 1.636rem; /* 36px */
  --co-font-9: 1.818rem; /* 40px */
  /* --co-font-9: 1.636rem ; */
}

@media screen {
  :root {
    --co-font-big-22: 0.415rem; /* 33px */
    --co-font-big-33: 0.623rem; /* 33px */
    --co-font-big-40: 0.754rem; /* 40px */
    --co-font-big-52: 0.981rem; /* 52px */
    --co-font-big-60: 1.132rem; /* 60px */
    --co-font-big-80: 1.509rem; /* 80px */
    --co-font-big-85: 1.6037rem; /* 85px */
    --co-font-big-90: 1.6037rem; /* 85px */
    --co-font-big-95: 1.792rem; /* 95px */
    --co-font-big-100: 1.8867rem; /* 100px */
  }
}

.title {
  font-size: var(--co-title-font-1);
  font-weight: 400;
  line-height: var(--co-title-font-2);
  margin-top: 1.9rem;
  text-transform: capitalize;
}
@media screen and (min-width: 768px) {
  .title {
    font-size: var(--co-font-big-60);
    margin-bottom: 1rem;
  }
}

.title > span {
  font-size: var(--co-title-font-2);
  font-weight: 900;
  color: var(--brandClr);
}
@media screen and (min-width: 768px) {
  .title > span {
    font-weight: 700;
    font-size: var(--co-font-big-60);
  }
  .title br {
    display: none;
  }
}

.main-app {
  padding: 0 0.818rem;
  overflow: hidden;
}

.accordion-main-container {
  gap: unset !important;
}

.accordion-item {
  border-bottom: solid 0.0454rem rgba(212, 127, 161, 1);
  width: 95% !important;
}

.main-app-container {
  overflow: initial !important;
}

@media screen and (min-width: 768px) {
  .main-app {
    padding: 0 2.5rem;
  }
}

div:where(.swal2-container) .swal2-html-container {
  padding: 0rem !important;
}