@charset "utf-8";
.cta__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3px;
}

@media screen and (min-width: 768px) {
  .cta__inner {
    grid-template-columns: repeat(3, 1fr);
  }
}

.cta__card {
  display: grid;
  grid-template-rows: subgrid;
  justify-content: center;
  text-align: center;
  grid-row: span 3;
  padding: 50px 15px;
  border-radius: 20px;
  background: var(--color-white);
}

@media screen and (min-width: 900px) {
  .cta__card {
    padding: 92px clamp(20px, 4.67vw, 64px);
  }
}

.cta__card-heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.cta__card-heading .h1759821754954 {
  font-size: clamp(16px, 1.76vw, 24px);
  font-weight: 600;
}

.cta__card-image {
  aspect-ratio: 25/25;
  width: clamp(17px, 1.84vw, 25px);
  height: auto;
  display: block;
}

.cta__card-text {
  text-align: left;
  margin-top: 17px;
  max-width: 216px;
  font-size: clamp(12px, 1.03vw, 14px);
  line-height: calc(30 / 14);
  font-weight: 500;
  color: var(--color-text-thin);
}

 @media screen and (min-width:500px) {
    .cta__card-text{
      max-width: 100%;
    }
  }

.cta__card-numbar {
  transition: transform 0.5s ease;
  margin-top: 35px;
  font-size: clamp(26px, 2.93vw, 40px);
  font-weight: 500;
  letter-spacing: calc(40 / 1000 * 1em);
  color: #ff9301;
}

.cta__card:hover .cta__card-numbar {
  transform: scale(1.1);
}

.cta__card-time {
  color: #ff9301;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: calc(100 / 1000 * 1em);
}

.cta__card-button {
  margin-top: 46px;
}

.cta__button-link p {
  padding: 18px clamp(54px, 5.72vw, 78px) 18px 30px;
  border-radius: 10px;
  min-width: clamp(120px, 23.21vw, 317px);
  color: var(--color-white);
  font-size: clamp(12px, 1.25vw, 17px);
  font-weight: 600;
  letter-spacing: calc(50 / 1000 * 1em);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(15px, 2.42vw, 33px);
  position: relative;
  overflow: hidden;
  transition: none;
}

@media screen and (min-width: 1300px) {
  .cta__button-link p {
    font-size: clamp(14px, 1.47vw, 20px);
  }
}

.cta__button-link p::after {
  content: "";
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/button-arrow-icon.svg) no-repeat center
    center/contain;
  aspect-ratio: 15/14;
  width: clamp(12px, 1.1vw, 15px);
  height: auto;
}

.cta__card:hover .cta__button-link p::after {
  animation: arrowSlideOut 0.6s ease-in-out forwards;
}

.cta__button-link--blue p {
  background: var(--color-subheading);
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3);
}

.cta__button-link--green p {
  background: #05a302;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.3);
}

.footer {
  margin-top: 6px;
  border-radius: 20px 20px 0 0;
  background: var(--color-white);
  padding-block: 71px 58px;
}

.footer__inner {
  padding-inline: clamp(20px, 5.86vw, 80px);
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .footer__inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}

.footer__head-text {
  font-size: clamp(18px, 1.62vw, 22px);
  font-weight: 600;
  letter-spacing: calc(80 / 1000 * 1em);
  line-height: calc(48 / 22);
}

.footer__logo {
  display: block;
  margin-top: 49px;
  aspect-ratio: 106/55;
  width: 106px;
  height: auto;
  overflow: hidden;
}

.footer__logo img {
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.footer__info {
  margin-top: 15px;
}

.footer__info-text {
  font-size: 12px;
  font-weight: 500;
  line-height: calc(30 / 13);
  color: #7e7e7e;
}

@media screen and (min-width: 768px) {
  .footer__info-text {
    font-size: 13px;
  }
}

.footer__nav {
  margin-top: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 4.84vw, 66px);
}

@media screen and (min-width: 768px) {
  .footer__nav {
    justify-content: flex-end;
  }
}

.footer__item p {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: calc(80 / 1000 * 1em);
  color: rgba(0, 19, 43, 0.7);
  transition: all 0.5s ease;
}

.footer__item:hover p {
  opacity: 0.7;
}

.copyright {
  margin-top: 6px;
  border-radius: 20px 20px 0 0;
  background: var(--color-white);
  padding: 7px clamp(20px, 5.13vw, 70px) 7px;
}

.copyright__text {
  font-size: 14px;
  font-weight: 400;
  color: #7e7e7e;
  display: flex;
  justify-content: flex-end;
}