/* card-info style */

.headingSection {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  color: var(--ih-primary);
}
.headingSection img {
  width: 70px;
}
.headingSection div .HS_mainH {
  text-align: center;
  font-weight: 500;
}
.headingSection div .HS_subH {
  font-weight: 400;
  text-align: center;
}

.sectionCtr {
  width: 85%;
  margin: 0px auto;
}
.ctr-1 {
  margin-top: 20px;
}

.card-mainCtr {
  border-radius: 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 10px 30px;
  border: 1px solid #dbdee4;
  background-color: var(--ih-white);
  backdrop-filter: blur(5px);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.transition {
  transition: transform 0.8s ease-in-out, opacity 1s ease-in-out;
  opacity: 0;
}
.transition h1 {
  font-weight: 500;
}
.transition p {
  color: var(--ih-dullgray);
  font-family: "myfont-light", sans-serif;
  line-height: 2rem;
}
.s-c-one .transition {
  transform: translateX(20%);
}
.s-c-two .transition {
  transform: translateX(-20%);
}
.s-c-one {
  flex: 1;
  min-width: 200px;
}

.txtCtr ul {
  padding: 10px 30px;
}
.txtCtr ul > li {
  line-height: 35px;
}
.s-c-two {
  flex: 1;
  display: flex;
  justify-content: center;
  min-width: 200px;
}
.illustrationImg {
  width: 70%;
  height: auto;
}
.ctrPadding {
  padding: 10px;
}
.makerStyle {
  list-style-position: outside;
}
.makerStyle > li {
  padding-left: 10px;
  vertical-align: middle;
  font-size: 1rem;
}
.makerStyle > li::marker {
  content: "»";
  font-size: 1.6em;
  margin-top: 20px;
  --hue: 0;
  color: #ffa200;
}

@media screen and (max-width: 600px) {
  .sectionCtr {
    padding: 0px 10px;
  }
  .headingSection img {
    width: 70px;
    margin-bottom: 20px;
  }
  .headingSection div .HS_mainH {
    text-align: center;
    font-size: 1.6rem;
  }
  .headingSection div .HS_subH {
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
  }
  .card-mainCtr {
    padding: 0px;
  }
  .transition h1 {
    font-size: 1.6rem;
  }
  .transition h5 {
    font-size: 1rem;
  }
  .txtCtr ul > li {
    font-size: 0.8rem;
  }
}

/* text shining */

.shiningText {
  background: #000b24 -webkit-gradient(
      linear,
      left top,
      right top,
      from(#000b24),
      to(#000b24),
      color-stop(0.5, #89d4e3)
    ) 0 0 no-repeat;
  -webkit-background-size: 150px;
  color: rgba(255, 255, 255, 0.3);
  -webkit-background-clip: text;
  -webkit-animation-name: shine;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  text-shadow: 0 0px 0px rgba(255, 255, 255, 0.419);
}

@-webkit-keyframes shine {
  0%,
  10% {
    background-position: -1000px;
  }
  20% {
    background-position: top left;
  }
  90% {
    background-position: top right;
  }
  100% {
    background-position: 1000px;
  }
}