.cotizar-tnks-fondo {
  width: 100%;
  height: 735px;
  background: url("@/Images/Cotizar/fondo_tnks.webp") center;
  background-size: cover;
}

.cotizar-tnks-fondo > span {
  margin: 98px 0 55px 0;
  color: #01558C;
  text-align: center;
  font-size: 64px;
  font-style: normal;
  font-weight: 500;
  line-height: 105.3%;
}

.cotizar-tnks-container > h4 {
  padding: 22px 0 10px 0;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  background: var(--gdl);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.cotizar-tnks-fondo > span b {
  color: #03A591;
  font-weight: 800;
}

.cotizar-tnks-card {
  max-width: 342px;
  width: 100%;
  max-height: 390px;
  height: 100%;
  margin: 55px 0 87px 0;
  transform: rotate(-0.212deg);
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.60);
}

.cotizar-tnks-card > img {
  margin: 25px 19px  6px 19px;
}

.cotizar-tnks-card > h4 {
  transform: rotate(-0.212deg);
  color: #01558C;
  text-align: center;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.cotizar-tnks-card > span {
  padding-bottom: 14px;
  transform: rotate(-0.212deg);
  color: #01558C;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.cotizar-tnks-bar {
  width: 100%;
  background: var(--gdl);
}

.cotizar-tnks-bar > span {
  padding: 20px 56px;
  color: #FFF;
  text-align: center;
  font-size: clamp(18px, 4vw, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 127%;
}

.cotizar-tnks-bar > span b {
  font-weight: 900;
  font-family: AvenirBold, sans-serif;
}

@media (max-width: 768px) {
  .cotizar-tnks-fondo {
    height: 768px;
  }
}