/* ============================================================
   ALLYVA LANDING PAGE - FULL WIDTH DESIGN OFICIAL (FIGMA)
   ============================================================ */

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100vh;
  background-color: #FFFFFF;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

/* Container Principal Full-Width */
.v5199_63 {
  width: 100%;
  height: 3750px;
  margin: 0;
  padding: 0;
  position: relative;
  background: #FFFFFF;
  overflow-x: hidden;
}

/* ============================================================
   1. NAVBAR / MENU SUPERIOR (.v5199_183)
   ============================================================ */
@keyframes fadeDownNav {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.v5199_183 {
  width: 100%;
  height: 110px;
  background: transparent;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  overflow: visible;
  transition: background 0.3s ease, height 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
  animation: fadeDownNav 0.85s cubic-bezier(0.16, 1, 0.3, 1) both;
}

/* Estado Fixo com Fundo Azul Translúcido e Blur ao rolar */
.v5199_183.scrolled {
  height: 75px;
  background: rgba(18, 12, 42, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.v5199_194 {
  width: 153px;
  height: 36px;
  background: url("../images/logo-allyva.svg") no-repeat center left;
  background-size: contain;
  position: absolute;
  top: 45px;
  left: max(40px, calc(50% - 540px));
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), top 0.3s ease;
  transform-origin: center left;
}

.v5199_194:hover {
  transform: scale(1.08);
}

.v5199_183.scrolled .v5199_194 {
  top: 20px;
}

.v5199_190, .v5199_191, .v5199_192 {
  color: #FFFFFF;
  position: absolute;
  top: 53px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s, top 0.3s ease;
}

.v5199_190 { left: calc(50% - 540px + 428px); }
.v5199_191 { left: calc(50% - 540px + 548px); }
.v5199_192 { left: calc(50% - 540px + 739px); }

.v5199_183.scrolled .v5199_190,
.v5199_183.scrolled .v5199_191,
.v5199_183.scrolled .v5199_192 {
  top: 28px;
}

.v5199_190:hover, .v5199_191:hover, .v5199_192:hover {
  opacity: 0.8;
}

.v5199_185 {
  width: 195px;
  height: 46px;
  background: #FFFFFF;
  position: absolute;
  top: 36px;
  left: calc(50% - 540px + 885px);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s, top 0.3s ease;
}

.v5199_183.scrolled .v5199_185 {
  top: 15px;
  height: 44px;
}

.v5199_185:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
}

.v5199_186 {
  color: #1E4672;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-align: center;
}

/* ============================================================
   2. HERO SECTION (.v5199_64)
   ============================================================ */
.v5199_64 {
  width: 100%;
  height: 800px;
  background: transparent;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: visible;
  z-index: 10;
}

.v5199_65 {
  width: 100%;
  height: 800px;
  background: url("../images/v5199_65.png") no-repeat center top / cover;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.v5199_66 {
  width: 480px;
  color: #FFFFFF;
  position: absolute;
  top: 185px;
  left: max(40px, calc(50% - 540px));
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 52px;
  line-height: 1.15;
  margin: 0;
}

.v5199_67 {
  width: 440px;
  color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 389px;
  left: max(40px, calc(50% - 540px));
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  margin: 0;
}

.v5199_68 { text-decoration: none; 
  width: 195px;
  height: 49px;
  background: linear-gradient(90deg, #00D2B0 0%, #8700EF 100%);
  position: absolute;
  top: 515px;
  left: max(40px, calc(50% - 540px));
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 210, 176, 0.35);
  transition: transform 0.2s, box-shadow 0.2s;
}

.v5199_68:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(0, 210, 176, 0.5);
}

.v5199_69 {
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.v5199_446 { text-decoration: none; 
  width: 195px;
  height: 49px;
  background: rgba(255, 255, 255, 0.08);
  border: 1.5px solid rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 515px;
  left: calc(max(40px, calc(50% - 540px)) + 215px);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: background 0.2s, transform 0.2s;
}

.v5199_446:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-2px);
}

.v5199_447 {
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}

/* 3 Itens Verticais (com ícone circular X ciano e texto branco bold) */
.hero-differentiators {
  position: absolute;
  top: 585px;
  left: max(40px, calc(50% - 540px));
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.diff-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.diff-icon {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
}

.diff-text {
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: -0.2px;
}

/* Frase de Posicionamento com destaque ciano */
.hero-statement {
  position: absolute;
  top: 710px;
  left: max(40px, calc(50% - 540px));
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 26px;
  line-height: 1.25;
}

.statement-cyan {
  color: #7EE7F8;
}

.statement-white {
  color: #FFFFFF;
}

/* Mockups de Celulares (sobrepõem o topo da seção branca com movimento flutuante suave e independente) */
@keyframes floatPhoneLeft {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-13px) rotate(-0.6deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

@keyframes floatPhoneRight {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-17px) rotate(0.8deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}

.v5199_464 {
  width: 304px;
  height: 566px;
  background: url("../images/v5199_464.png") no-repeat center center / contain;
  position: absolute;
  top: 529px;
  left: calc(50% - 540px + 647px);
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
  z-index: 25;
  animation: floatPhoneLeft 6.5s ease-in-out infinite;
  will-change: transform;
}

.v5199_463 {
  width: 280px;
  height: 521px;
  background: url("../images/v5199_463.png") no-repeat center center / contain;
  position: absolute;
  top: 553px;
  left: calc(50% - 540px + 862px);
  filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));
  z-index: 26;
  animation: floatPhoneRight 8.2s ease-in-out infinite -4s;
  will-change: transform;
}

/* ============================================================
   3. A LACUNA (.v5199_70) - COLUNAGEM ESTREITA (903px) & LILÁS FIGMA
   ============================================================ */
.v5199_70 {
  position: absolute;
  top: 800px;
  left: 0px;
  width: 100%;
  height: 640px;
  background: #FFFFFF;
  padding: 60px 0 50px 0;
  box-sizing: border-box;
  z-index: 5;
}

.lacuna-header {
  position: relative;
  left: max(40px, calc(50% - 540px));
  width: 580px;
  margin-bottom: 45px;
}

.v5199_72 {
  color: #2055B5;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 12px;
}

.v5199_73 {
  color: #111111;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 38px;
  line-height: 1.2;
  margin: 0 0 16px 0;
  width: 520px;
}

.v5199_71 {
  color: #555566;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  width: 480px;
  margin: 0;
}

.highlight-purple {
  color: #8700EF;
  font-weight: 700;
}

/* 3 Cards em Colunagem Estreita de 903px */
.v5199_498 {
  display: flex;
  justify-content: space-between;
  width: 903px;
  margin: 0 auto;
}

.v5199_512, .v5199_514, .v5199_515 {
  width: 281px;
  height: 198px;
  background: #FFFFFF;
  border: 1px solid #EDEDF6;
  border-radius: 25px;
  padding: 30px 20px;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.08);
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Números com o Lilás/Roxo Oficial do Figma (#8700EF) */
.v5199_499, .v5199_502, .v5199_500 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 46px;
  color: #8700EF;
  display: block;
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: -1px;
}

.v5199_503, .v5199_506, .v5199_504 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4;
  color: #1C1C1C;
  display: block;
  text-align: center;
}

.v5199_516 {
  display: block;
  width: 903px;
  margin: 28px auto 0 auto;
  font-family: 'Roboto', sans-serif;
  font-size: 11.5px;
  color: #9A9AA8;
  text-align: center;
}

/* ============================================================
   4. COMO FUNCIONA (.v5199_141) - 4 CARDS EM UMA LINHA DESKTOP
   ============================================================ */
.v5199_141 {
  width: 100%;
  height: 520px;
  background: linear-gradient(90deg, #E6FBF7 0%, #F5EFFE 100%);
  position: absolute;
  top: 1440px;
  left: 0px;
  padding: 55px 0 45px 0;
  box-sizing: border-box;
  text-align: center;
  z-index: 5;
}

.como-funciona-inner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}

.v5199_145 {
  color: #2055B5;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 12px;
  text-align: center;
}

.v5199_166 {
  color: #111111;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 34px;
  margin: 0 auto 40px auto;
  text-align: center;
  width: 100%;
}

/* 4 Cards Alinhados Perfeitamente em 1 Linha (Desktop) */
.como-funciona-row {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  width: 1080px;
  margin: 0 auto;
}

.step-card {
  flex: 1;
  background: #FFFFFF;
  border-radius: 16px;
  border: 1px solid #EDEDF6;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
  padding: 26px 20px;
  text-align: left;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

/* Círculos com Cores Progressivas da Jornada */
.step-circle {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Cores distintas para cada círculo */
.step-circle-1 {
  background: linear-gradient(135deg, #00D2B0 0%, #0084FF 100%);
}

.step-circle-2 {
  background: linear-gradient(135deg, #0084FF 0%, #2563EB 100%);
}

.step-circle-3 {
  background: linear-gradient(135deg, #2563EB 0%, #6366F1 100%);
}

.step-circle-4 {
  background: linear-gradient(135deg, #6366F1 0%, #8700EF 100%);
}

.step-title {
  color: #111111;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 8px 0;
}

.step-desc {
  color: #666479;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}

.v5207_517_wrap {
  display: block;
  margin-top: 35px;
  text-align: center;
  width: 100%;
}

.v5207_517 {
  color: #8700EF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 15px;
}

/* ============================================================
   5. PARCERIAS (.parcerias-section)
   ============================================================ */
.parcerias-section {
  position: absolute;
  top: 2020px;
  left: 0px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 5;
}

.v5207_559 {
  color: #2055B5;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 1.5px;
  display: block;
  text-align: center;
  margin-bottom: 12px;
}

.v5207_560 {
  color: #111111;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 38px;
  text-align: center;
  margin: 0 0 12px 0;
  line-height: 1.2;
}

.v5207_562 {
  color: #555566;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  margin: 0 0 45px 0;
}

.parcerias-cards-row {
  display: flex;
  justify-content: center;
  gap: 30px;
  width: 1080px;
  margin: 0 auto;
}

.parceria-card {
  width: 340px;
  min-height: 560px;
  background: #FFFFFF;
  border-radius: 28px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
  padding: 24px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.parceria-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.12);
}

.card-image-wrap {
  width: 100%;
  height: 220px;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #F0F2F8;
}

.card-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.card-title {
  color: #111111;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 21px;
  margin: 0 0 8px 0;
  text-align: left;
}

.card-desc {
  color: #555566;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 20px 0;
  min-height: 38px;
  text-align: left;
}

.card-checklist {
  list-style: none;
  padding: 0;
  margin: 0 0 26px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card-checklist li {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  font-size: 12.5px;
  color: #2055B5;
  letter-spacing: -0.1px;
  text-align: left;
}

.check-icon-cyan {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.card-btn-gradient {
  margin-top: auto;
  align-self: center;
  width: 250px;
  height: 48px;
  background: linear-gradient(90deg, #00D2B0 0%, #8700EF 100%);
  border-radius: 50px;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 210, 176, 0.3);
  transition: transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
}

.card-btn-gradient:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
  box-shadow: 0 6px 20px rgba(135, 0, 239, 0.35);
}

/* ============================================================
   6. SEÇÃO ANTES DO RODAPÉ / FORMULÁRIO (.v5199_74)
   ============================================================ */
.v5199_74 {
  width: 100%;
  height: 713px;
  background: url("../images/v5199_75.png") no-repeat center center / cover, linear-gradient(135deg, #16082B 0%, #1E4672 100%);
  position: absolute;
  top: 2820px;
  left: 0px;
  overflow: hidden;
  z-index: 5;
}

.v5199_75 {
  width: 100%;
  height: 713px;
  background: url("../images/v5199_75.png") no-repeat center center / cover;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
}

.v5207_564 {
  position: absolute;
  top: 75px;
  left: max(40px, calc(50% - 540px));
  background: rgba(32, 85, 181, 0.4);
  padding: 6px 16px;
  border-radius: 50px;
  backdrop-filter: blur(8px);
}

.v5199_77 {
  color: #00D2B0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1px;
}

.v5199_78 {
  position: absolute;
  top: 120px;
  left: max(40px, calc(50% - 540px));
  width: 480px;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 40px;
  line-height: 1.2;
  margin: 0;
}

.v5199_76 {
  position: absolute;
  top: 230px;
  left: max(40px, calc(50% - 540px));
  width: 440px;
  color: rgba(255, 255, 255, 0.85);
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

/* Card do Formulário */
.v5207_603 {
  width: 539px;
  height: 593px;
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 60px;
  left: calc(50% - 540px + 541px);
  overflow: hidden;
  z-index: 10;
  padding: 32px 36px;
}

.partner-form {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.form-row {
  display: flex;
  gap: 16px;
  margin-bottom: 12px;
}

.form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}

.form-group.half {
  flex: 1;
}

.form-group.full {
  width: 100%;
}

.form-group label {
  color: #1D1947;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 6px;
}

.form-input, .form-select, .form-textarea {
  width: 100%;
  border: 1px solid #CBCBE5;
  border-radius: 8px;
  padding: 10px 14px;
  font-family: 'Roboto', sans-serif;
  font-size: 13.5px;
  color: #1D1947;
  outline: none;
  background: #FFFFFF;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
  border-color: #2055B5;
  box-shadow: 0 0 0 3px rgba(32, 85, 181, 0.1);
}

.form-select {
  height: 42px;
  cursor: pointer;
}

.form-textarea {
  height: 75px;
  resize: none;
}

.form-agreement {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 16px 0;
}

.form-agreement input[type="checkbox"] {
  margin-top: 3px;
  cursor: pointer;
}

.form-agreement label {
  color: #666479;
  font-family: 'Roboto', sans-serif;
  font-size: 11.5px;
  line-height: 1.4;
  cursor: pointer;
}

.form-submit {
  width: 100%;
  height: 48px;
  background: linear-gradient(90deg, #0BD2B0 0%, #2A60CD 100%);
  border: none;
  border-radius: 8px;
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14.5px;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(11, 210, 176, 0.35);
  transition: transform 0.2s, filter 0.2s;
}

.form-submit:hover {
  filter: brightness(1.08);
  transform: translateY(-1px);
}

.form-footer-login {
  text-align: center;
  margin-top: 14px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
}

.form-footer-login .v5207_595 {
  color: #85839B;
}

.form-footer-login .v5207_596 {
  color: #2055B5;
  font-weight: 700;
  text-decoration: none;
  margin-left: 4px;
}

/* ============================================================
   7. RODAPÉ (.v5199_169)
   ============================================================ */
.v5199_169 {
  width: 100%;
  height: 218px;
  position: absolute;
  top: 3533px;
  left: 0px;
  overflow: hidden;
  z-index: 5;
}

.v5199_174 {
  width: 100%;
  height: 155px;
  background: linear-gradient(90deg, #00D2B0 0%, #8700EF 100%);
  position: absolute;
  top: 0px;
  left: 0px;
}

.v5199_175 {
  width: 153px;
  height: 36px;
  background: url("../images/logo-allyva-white.svg") no-repeat center left / contain;
  position: absolute;
  top: 60px;
  left: max(40px, calc(50% - 540px));
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform-origin: center left;
}

.v5199_175:hover {
  transform: scale(1.08);
}

.v5199_180 {
  position: absolute;
  top: 62px;
  left: 50%;
  transform: translateX(-50%);
  width: 620px;
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 26px;
  color: #FFFFFF;
  text-align: center;
  margin: 0;
}

.v5199_181 {
  width: 195px;
  height: 48px;
  background: #FFFFFF;
  position: absolute;
  top: 53px;
  left: calc(50% - 540px + 885px);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.2s, box-shadow 0.2s;
}

.v5199_181:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
}

.v5199_182 {
  color: #1E4672;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.v5199_170 {
  width: 100%;
  height: 63px;
  background: #2055B5;
  position: absolute;
  top: 155px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v5199_173 {
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
}