.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.card-section-inner{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  margin: 0 -8px;
}
.card-section .section-title{
  margin-bottom: 80px;
  width: 100%;
}
.card-section .section-title h2{
  font-size: 120px;
  line-height: 112px;
}
.card-section-inner.text-position-left {
  flex-direction: row-reverse;
}

.card-section .card-section-column {
  padding: 0 8px 16px;
  flex: 25%;
}
.card-section__img-container > * {
  position: relative;
}

.card-section__number {
  top: 0;
  position: absolute;
  font-size: 3.73vw;
}
@media (min-width: 1024px) {
  .card-section__number {
    font-size: 1.18vw;
  }
}
@media (min-width: 1440px) {
  .card-section__number {
    font-size: 17px;
  }
}

.card-section__img {
  width: 100%;
  display: block;
}

.card-section .card-section__text-container {
  padding: 24px;
  text-align: left;
  background-color: #ffffff;
}
.card-section__text-container .card-section__text-title {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 40px;
}
.card-section__text-container .card-section__text-description {
  margin-bottom: 15px;
  line-height: 1.4;
  font-size: 18px;
}
.card-section__text-container .arrow-cta {
  margin-bottom: 0;
}
.card-section .arrow-link__text, .card-section .arrow-cta{
  font-weight: 500;
  margin: 0;
}
.card-section .arrow-cta::after {
  transform: scaleX(1);
  height: 2px;
}
.card-section .arrow-cta:hover::after {
  transform: scaleX(0);
}
.card-section .arrow-cta .arrow, .card-section .home-intro__arrow{
  display: none;
}
.card-section  .arrow-cta .arrow-wrap {
  margin-left: 0;
}
.card-section .arrow-cta:hover > .arrow-wrap {
  transform: none;
}
.card-section .arrow-link__text, .card-section  .arrow-cta{
  font-size: 18px;
}
.card-section__img-container img{
  width: 100%;
  display: block;
}

@media screen and (max-width: 1199px) {
  .card-section .card-section-column {
    flex: 50%;
  }
}/*-------- 1199 ends here ----------*/
@media screen and (max-width: 991px) {
  .card-section .section-title h2{
    font-size: 80px;
    line-height: 82px;
  }
}/*-------- 991 ends here ----------*/
@media screen and (max-width: 767px) {
  .card-section .card-section__text-container, .card-section .card-section__text-container.text-position-left{
    padding-top: 30px;
  }
  .card-section__text-container .card-section__text-subtitle {
    max-width: 100%;
  }
  .card-section__text-container .card-section__text-title{
    font-size: 26px;
    line-height: 30px;
  }
  .card-section__text-container .card-section__text-subtitle {
    font-size: 26px;
    line-height: 30px;
  }
  .card-section__text-container .card-section__text-description {
    font-size: 16px;
  }
  .card-section .section-title h2{
    font-size: 55px;
    line-height: 58px;
  }
  .card-section .arrow-cta{
    font-size: 17px;
  }
  .card-section .section-title {
    margin-bottom: 40px;
  }
  .card-section .card-section-column {
    flex: 100%;
  }
  .card-section .arrow-link__text, .card-section  .arrow-cta{
    font-size: 16px;
  }
}/*-------- 767 ends here ----------*