.wl-service {
  padding-top: 6.25rem;
}

.wl-service .grid {
  display: flex;
  flex-wrap: wrap;
}

.grid>* {
  flex-basis: 100%;
}

.wl-service .stack-cards {
  --stack-cards-gap: var(--space-sm);
}

.wl-service .stack-cards__item {
  position: relative;
  position: -webkit-sticky;
  position: sticky;
  top: var(--space-md);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}


.wl-service .noFilter {
  filter: blur(0px) !important;
}

/* new */

.wl-service .stack-cards .card1 .card-bg {
  background-image: url(../../../images/card-1.svg) !important;
  background-size: 30% !important;
  background-position: 110% !important;
}

.wl-service .card-flex {
  display: flex;
}

.wl-service .card-bg {
  padding: 3.75rem;
  background-repeat: no-repeat !important;
  background-position: right !important;
  height: var(--stack-card-height);
}

.wl-service .stack-cards .card1,
.wl-service .stack-cards .card1 .object-cover {
  background: var(--wl-secondary-color);
}

.wl-service .card-bg h2 {
  font-size: 3rem;
  line-height: 100%;
  font-weight: 300;
  color: var(--wl-white-color);
  text-align: left;
  z-index: 2;
  position: relative;
}

.wl-service .card-inner p {
  font-size: 1.125rem;
  font-weight: 300;
  color: var(--wl-white-color);
  text-align: left;
}

.wl-service .card-inner.list {
  position: relative;
}

.wl-service .card-inner ul::before {
  content: "";
  width: 1px;
  height: 12.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  left: 5%;
}

.wl-service .clrblack .card-inner ul::before {
  border-left: 1px solid var(--wl-black-color);
  opacity: 0.1;
}

.wl-service .line {
  border: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  left: 5%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12.5rem;
  justify-content: center;
  top: 24%;
}

.wl-service em {
  font-weight: 500;
  font-style: italic;
}

.wl-service .fz-20 {
  font-size: 1.25rem;
}

.wl-service .para1 {
  padding-top: 3.75rem;
  font-weight: 500;
  font-style: italic;
}

.wl-service .card-inner.list {
  display: flex;
  align-items: flex-start;
  padding-left: 9rem;
}

.wl-service .card-inner {
  width: 50%;
  z-index: 2;
  padding-right: 9rem;
}

.wl-service .card-inner li a {
  text-decoration: none;
  color: var(--wl-white-color);
}

.wl-service .clrblack .card-inner li a {
  color: var(--wl-black-color);
}

.wl-service .card-inner.list li a img {
  width: 0.625rem;
}

.wl-service .card-inner li::before {
  vertical-align: middle;
  position: absolute;
  left: -2rem;
  top: -0.3rem;
  margin-top: 0.4rem;
  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
  content: "";
  background: url(../../../images/white-star.svg) no-repeat 0 0;
  background-size: 1.125rem 1.125rem;
}

.wl-service .card-inner li span {
  vertical-align: middle;
  padding-left: -0.5rem;
  opacity: 0;
  transition: all 0.3s;
  display: inline-block;
}

.wl-service .card-inner li a:hover span {
  padding-left: 0.5rem;
  opacity: 1;
}

.wl-service .card {
  left: 0;
  border-radius: 0;
  display: flex;
  font-size: 1.75rem;
  font-weight: bold;
  color: var(--wl-white-color);
  transition: all 0.8s ease-in-out;
}

.wl-service .stack-cards .card2 .card-bg {
  background-image: url(../../../images/card-2.svg) !important;
  background-size: 30% !important;
  background-position: 110% !important;
}

.wl-service .stack-cards .card2 {
  background: var(--wl-pink-color);
}

.wl-service .stack-cards .card3 .card-bg {
  background-image: url(../../../images/card-3.svg) !important;
  background-size: 30% !important;
  background-position: 110% !important;
}

.wl-service .stack-cards .card3 {
  background: var(--wl-dark-color);
}

.wl-service .stack-cards .card4 .card-bg {
  background-image: url(../../../images/card-4.svg) !important;
  background-size: 30% !important;
  background-position: 110% !important;
}

.wl-service .stack-cards .card4 {
  background: var(--wl-primary-color);
}

.wl-service .card-inner li {
  font-weight: 400;
  font-size: 1.25rem;
  padding-bottom: 2rem;
  list-style: none;
  line-height: 1;
  position: relative;
}

.wl-service .banner {
  text-align: center;
  margin-bottom: 3.75rem;
}

.wl-service .banner .eyebrow {
  font-size: 1.125rem;
  font-weight: 400;
  color: #9e3f71;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.wl-service .banner .eyebrow svg {
  width: 1rem;
  height: auto;
}

.wl-service .banner .description {
  font-size: 1.125rem;
  font-weight: 300;
  color: var(--wl-black-color);
  text-align: center;
}


.wl-service .card.blurred {
  filter: blur(1px);
  transform: translateY(-20px) scale(0.98);
  z-index: 1;
}

.wl-service .clrblack,
.wl-service .clrblack .card-bg h2,
.wl-service .clrblack .card-inner p {
  color: #000 !important;
}

.wl-service .clrblack .card-inner li::before {
  vertical-align: middle;
  padding-right: 1.25rem;

  margin-top: 0.4rem;

  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
  content: "";
  background: url(../../../images/black-star.svg) no-repeat 0 0;
  background-size: 1.125rem 1.125rem;
}
.wl-service{
  position:relative;
  z-index:999;
  background:#fff;
}

@media (max-width: 1024px) {
  .wl-service .card-inner {
    padding-right: 0;
  }
  .wl-service .card-inner.list {
	  padding-left: 6rem;
  }
  .wl-service .card-bg h2 {
	  margin-bottom: 1.5rem;
  }
}

@media (max-width: 990px) {
  .wl-service .card-inner li span {
    opacity: 1;
    padding-left: 0.5rem;
    display: inline-block;
	line-height: 1;
  }

  .wl-service .card-bg {
    padding: 2rem;
  }

  .wl-service {
    padding-top: 5rem;
  }


  .wl-service .stack-cards .card1 .card-bg,
  .wl-service .stack-cards .card2 .card-bg,
  .wl-service .stack-cards .card3 .card-bg,
  .wl-service .stack-cards .card4 .card-bg {
    background-image: none !important;
  }

  .wl-service .card-inner.list {
    padding-left: 4rem;
  }
  
  .wl-service .card-inner li {
	  font-size: 1rem;  
  }

  .wl-service .card-inner li::before {
    left: -1.5rem;
  }

  .wl-service .stack-cards__item {
    top: calc(var(--stack-header-height) + 0.5rem)
  }
}

@media (max-width: 767px) {
  .wl-service .card-inner li a {
    white-space: nowrap;
  }

  .wl-service .grid::before {
    height: 0rem;
  }

  .wl-service .card-inner {
    width: 100% !important;
  }

  .wl-service .card-bg {
    flex-direction: column;
  }

  .wl-service {
    padding-top: 3.125rem;
  }

  .wl-service .card-bg {
    padding: 1.5rem;
  }

  .wl-service .banner .description,
  .wl-service .banner h2 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }

  .wl-service .banner {
    margin-bottom: 1.875rem;
  }

  .wl-service .card-flex {
    flex-direction: column;
  }

  .wl-service .card-inner.list {
    justify-content: left;
    padding-top: 2rem;
    padding-left: 2rem;
  }

  .wl-service .para1 {
    padding-top: 1rem;
  }

  .wl-service .card-bg h2 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }

  .wl-service .clrblack .card-inner ul::before {
    border-left: none;
  }

  .wl-service .clrblack .card-inner.border-ryt {
    border-bottom: 1px solid #d4831e;
  }

  .wl-service .card-inner.border-ryt {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }

  .wl-service .card-inner ul::before {
    border: none;
  }

  .wl-service .card-inner li {
    padding-bottom: 1rem;
	line-height: 1.45;
  }


  .wl-service .card-inner li::before {
    left: -1.5rem;
	top: 0;
  }

  .wl-service .card-inner p {
    font-size: 1rem;
  }

  .wl-service .fz-20 {
    font-size: 0.875rem;
  }

  .wl-service .card-inner li {
    font-size: 1.125rem;
  }
}

@media (max-width: 375px) {
  .wl-service .card-inner li {
    font-size: 1rem;
    line-height: 100%;
  }
  .wl-service .card-inner li::before, 
  .wl-service .clrblack .card-inner li::before{
    margin-top:0.15rem
  }
}

@media (max-width: 330px) {
  .wl-service .card-inner li {
    font-size: 0.8rem;
    line-height: 100%;
  }
}


@media(min-width:992px) {
  /*.wl-service .banner {
    position: sticky;
    top: calc(var(--stack-header-height));
  }*/

  .wl-service .stack-cards__item {
    top: calc(var(--stack-header-height) + var(--stack-header-height) + 2.5rem);
  }
}

@media(min-width:1440px) {
	/*.wl-service .stack-cards__item{
	  top: calc(var(--stack-header-height) + var(--stack-header-height) + 9.75rem);
	}*/
	/*.wl-service{
	  padding-top: 0rem;
	}*/
	.wl-service {
		padding-top: 6.25rem;
	}
	.wl-service .stack-cards__item {
		top: calc(var(--stack-header-height) + var(--stack-header-height) + 8.3rem);
	}
	/*.wl-service .wl-eyebrow{
	  padding-top: 6.25rem;
	} */
}

@media (min-width: 1600px) {
    .wl-service .stack-cards__item {
        top: calc(var(--stack-header-height) + var(--stack-header-height) + 8rem);
    }
}