@charset "UTF-8";
/*
# ---------------------- #
# Developed by Volkertek #
# All rights reserved    #
# ---------------------- #
*/
/* -------------------------------------------------- */


html {
    overflow-x: hidden;
    overflow-y: scroll
}

body {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    min-height: 100vh;
    padding-left: 0 !important;
    padding-right: 0 !important;


          background: var(--bg);
      color: var(--text);

}


header,
footer {
    flex: none
}

main {
    flex: 1 0 auto
}

a {
    transition: .15s all
}

section {
    padding: 120px 0
}

.modal {
    margin: 0 !important;
    padding: 0 !important
}




    :root {
      --bs-primary: #1c4d8c;
      --bs-primary-rgb: 28, 77, 140;
      --bestseg-blue: #1c4d8c;
      --bestseg-blue-dark: #12345f;
      --bestseg-soft: #f4f8fc;
      --bestseg-text: #1f2a37;
      --bestseg-muted: #6b7280;
      --bestseg-line: rgba(28, 77, 140, .10);
    }


.navbar {
      background-color: rgba(255,255,255,.9);
    backdrop-filter: blur(12px);
}

.navbar .navbar-brand {
    height: 60px;
    padding: 10px 0
}

.navbar .navbar-brand img {
    height: 100%;
    width: auto
}


.navbar .navbar-nav .nav-link {
    color: #333333;
    font-weight: 600;
}

.navbar .navbar-nav .nav-link:hover {
    color: var(--bs-primary)
}


























    .btn-primary {
      background-color: var(--bestseg-blue);
      border-color: var(--bestseg-blue);
      border-radius: 999px;
      padding: .8rem 1.4rem;
      font-weight: 600;
    }

    .btn-primary:hover,
    .btn-primary:focus {
      background-color: var(--bestseg-blue-dark);
      border-color: var(--bestseg-blue-dark);
    }

    .btn-outline-primary {
      color: var(--bestseg-blue);
      border-color: rgba(28,77,140,.18);
      border-radius: 999px;
      padding: .8rem 1.4rem;
      font-weight: 600;
    }

    .btn-outline-primary:hover,
    .btn-outline-primary:focus {
      background: var(--bestseg-blue);
      border-color: var(--bestseg-blue);
    }

    .hero {
      padding: 280px 0 180px;
      background:
        linear-gradient(135deg, rgba(18,52,95,.9), rgba(28,77,140,.8)),
        url('/assets/img/backgrounds/bg-hero.webp') center/cover no-repeat;
      color: #fff;
    }

    .hero::before {
      content: '';
      position: absolute;
      inset: auto -120px -120px auto;
      width: 360px;
      height: 360px;
      border-radius: 50%;
      background: rgba(255,255,255,.08);
      filter: blur(10px);
    }

    .hero-badge {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      background: rgba(255,255,255,.12);
      border: 1px solid rgba(255,255,255,.16);
      color: #fff;
      padding: .55rem .9rem;
      border-radius: 999px;
      font-size: .9rem;
      margin-bottom: 1.2rem;
    }


    .hero p.lead {
      font-size: 1.08rem;
      color: rgba(255,255,255,.88);
      max-width: 620px;
      margin-top: 1.2rem;
    }

    .hero-card {
      background: rgba(255,255,255,.1);
      border: 1px solid rgba(255,255,255,.16);
      border-radius: 1.5rem;
      padding: 1.5rem;
      box-shadow: 0 25px 60px rgba(0,0,0,.18);
    }

    .hero-mini {
      background: #fff;
      color: var(--bestseg-text);
      border-radius: 1.25rem;
      padding: 1.1rem 1rem;
      box-shadow: 0 15px 35px rgba(0,0,0,.08);
    }

    .hero-mini i {
      color: var(--bestseg-blue);
    }

    .section {
      padding: 5rem 0;
    }

    .section-soft {
      background: var(--bestseg-soft);
    }

    .section-title {
      font-size: clamp(1.8rem, 3vw, 2.8rem);
      font-weight: 700;
      letter-spacing: -.02em;
      margin-bottom: .9rem;
    }

    .section-subtitle {
      color: var(--bestseg-muted);
      max-width: 680px;
      margin: 0 auto;
    }

    .insurance-card,
    .feature-card,
    .about-card,
    .contact-card {
      background: #fff;
      border: 1px solid var(--bestseg-line);
      border-radius: 1.5rem;
      box-shadow: 0 15px 35px rgba(17, 24, 39, .04);
      transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
      height: 100%;
    }

    .insurance-card:hover,
    .feature-card:hover,
    .about-card:hover,
    .contact-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 25px 45px rgba(17, 24, 39, .08);
      border-color: rgba(28,77,140,.18);
    }

    .icon-wrap {
      width: 60px;
      height: 60px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 1rem;
      background: rgba(28,77,140,.08);
      color: var(--bestseg-blue);
      font-size: 1.35rem;
    }

    .insurance-card .card-body,
    .feature-card .card-body,
    .about-card .card-body,
    .contact-card .card-body {
      padding: 1.6rem;
    }

    .insurance-card h3,
    .feature-card h3 {
      font-size: 1.15rem;
      font-weight: 600;
      margin: 1rem 0 .7rem;
    }

    .insurance-card p,
    .feature-card p,
    .about-card p,
    .contact-card p,
    .contact-list li {
      color: var(--bestseg-muted);
      margin-bottom: 0;
    }

    .insurance-link {
      margin-top: 1rem;
      display: inline-flex;
      align-items: center;
      gap: .45rem;
      text-decoration: none;
      font-weight: 600;
      color: var(--bestseg-blue);
    }

    .insurance-link:hover {
      color: var(--bestseg-blue-dark);
    }

    .cta-box {
      background: linear-gradient(135deg, var(--bestseg-blue-dark), var(--bestseg-blue));
      color: #fff;
      border-radius: 2rem;
      padding: 3rem;
      box-shadow: 0 30px 70px rgba(18,52,95,.22);
    }

    .cta-box p {
      color: rgba(255,255,255,.86);
      margin-bottom: 0;
    }

    .list-check {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .list-check li {
      display: flex;
      align-items: flex-start;
      gap: .9rem;
      padding: 1rem 0;
      border-bottom: 1px solid rgba(28,77,140,.08);
    }

    .list-check li:last-child {
      border-bottom: 0;
    }

    .list-check i {
      width: 34px;
      height: 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: rgba(28,77,140,.08);
      color: var(--bestseg-blue);
      flex-shrink: 0;
      margin-top: .15rem;
    }

    .about-logo {
      max-width: 220px;
      width: 100%;
      height: auto;
    }

    .contact-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .contact-list li {
      display: flex;
      gap: .75rem;
      padding: .55rem 0;
    }

    .contact-list i {
      color: var(--bestseg-blue);
      width: 20px;
      margin-top: .2rem;
    }

    .form-control {
      border-radius: 1rem;
      padding: .95rem 1rem;
      border-color: rgba(17,24,39,.08);
      box-shadow: none;
    }

    .form-control:focus {
      border-color: rgba(28,77,140,.35);
      box-shadow: 0 0 0 .2rem rgba(28,77,140,.08);
    }

    .footer {
      padding: 2rem 0;
      border-top: 1px solid rgba(17,24,39,.06);
      background: #fff;
    }

    .footer small,
    .footer a {
      color: var(--bestseg-muted);
      text-decoration: none;
    }

    .footer a:hover {
      color: var(--bestseg-blue);
    }

    @media (max-width: 991.98px) {
      .hero {
        padding: 8rem 0 4.5rem;
      }

      .cta-box {
        padding: 2rem;
      }
    }





@media (min-width: 992px) {
    .navbar {
        padding: 20px 0
    }
    .navbar .navbar-nav .nav-item {
        margin-left: 20px
    }
    .navbar .navbar-nav .nav-item:first-of-type {
        margin-left: 0
    }
}







/* -------------------------------------------------- */



@media (min-width: 992px) {
    .navbar {
        padding: 20px 0
    }
    .navbar .navbar-nav .nav-item {
        margin-left: 20px
    }
    .navbar .navbar-nav .nav-item:first-of-type {
        margin-left: 0
    }
}







/* -------------------------------------------------- */