:root {
        --navy: #062a52;
        --deep-navy: #042345;
        --blue: #0a67ce;
        --sky: #2692de;
        --pale: #eef7ff;
        --ink: #09233f;
        --gold: #c9a95b;
        --line: #dbe4ee;
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        color: var(--ink);
        font-family: "Inter", Arial, sans-serif;
        background: #fff;
      }

      .serif {
        font-family: 'Figtree', sans-serif;
      }

      .hero {
        position: relative;
        min-height: 480px;
        overflow: hidden;
        color: #fff;
        background: var(--deep-navy);
      }

      .hero::before {
        content: "";
        position: absolute;
        inset: -14px;
        background-image: linear-gradient(180deg, rgba(6, 22, 41, .62), rgba(6, 22, 41, .56)), url("assets/topbanner.jpg") ;
        background-size: cover;
        background-position: center;
        
        transform: scale(1.04);
      }

      .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 50% 48%, rgba(7, 88, 162, .22), transparent 32%),
          linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .68));
      }

      .hero > .container {
        position: relative;
        z-index: 2;
      }

      .brand-mark {
        width: 58px;
        height: 58px;
        border: 2px solid rgba(201, 169, 91, .75);
        border-radius: 50%;
        color: var(--gold);
        display: grid;
        place-items: center;
        font-size: 30px;
        flex: 0 0 auto;
      }

      .brand-title {
       font-family: 'Figtree', sans-serif;
        font-weight: 800;
        letter-spacing: 2px;
        font-size: 28px;
        line-height: 1;
      }

      .brand-subtitle {
        color: #d9c47e;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 1.4px;
      }

      .call-pill {
       background-color: #f03e7c;
    color: #fff !important;
    border-radius: 50px;
    border: none;
    font-weight: 700;
    padding: 10px 25px;
      }

      .call-pill i {
        font-size: 32px;
      }

      .call-label {
        font-size: 13px;
        opacity: .9;
        line-height: 1;
      }

      .call-number {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: .3px;
        line-height: 1.1;
      }

      .eyebrow {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 3.7px;
        text-transform: uppercase;
      }

      .hero h1 {
        max-width: 790px;
        margin: 12px auto 0;
        font-size: clamp(48px, 7.5vw, 76px);
        line-height: .92;
        font-weight: 800;
        letter-spacing: 0;
        text-shadow: 0 5px 18px rgba(0, 0, 0, .35);
      }

      .leaf-divider {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        color: #f03e7c;
        margin: 13px 0;
      }

      .leaf-divider::before,
      .leaf-divider::after {
        content: "";
        width: 54px;
        height: 1px;
        background: rgba(255, 255, 255, .35);
      }

      .hero-copy {
        max-width: 600px;
        margin: 0 auto;
        font-size: 20px;
        line-height: 1.55;
        font-weight: 600;
      }

      .benefit-button {
        display: inline-flex;
        align-items: center;
        gap: 18px;
        margin-top: 22px;
        padding: 16px 30px;
        min-width: 400px;
        border: 1px solid rgba(255, 255, 255, .55);
        color: #fff;
        background-color: #f03e7c;
        box-shadow: 0 12px 28px rgba(0, 61, 141, .35);
        text-decoration: none;
		border-radius:50px;
      }

      .benefit-button i {
        font-size: 45px;
      }

      .benefit-button strong {
        display: block;
        font-size: 22px;
        line-height: 1.1;
      }

      .benefit-button span {
        display: block;
        font-size: 15px;
      }

      .section-pad {
        padding: 44px 0;
      }

      .bcbs-logo {
        display: flex;
        align-items: center;
        gap: 12px;
        color: #0e5eaa;
      }

      .bcbs-logo .logo-box {
        width: 54px;
        height: 54px;
        display: grid;
        place-items: center;
        border: 1px solid #0e5eaa;
        color: #0e5eaa;
        font-size: 35px;
      }

      .bcbs-logo .shield {
        border-radius: 8px 8px 16px 16px;
        font-size: 31px;
      }

      .bcbs-wordmark {
        color: #071d38;
        font-weight: 800;
        font-size: 33px;
        line-height: .9;
      }

      .intro-copy {
        margin-top: 28px;
        max-width: 330px;
        font-size: 17px;
        line-height: 1.65;
        font-weight: 600;
      }

      .benefits-card {
        border: 1px solid var(--line);
        border-radius: 14px;
        background: #fff;
        padding: 22px 22px 18px;
        box-shadow: 0 10px 28px rgba(14, 42, 76, .04);
      }

      .benefits-card h2,
      .services h2,
      .cta-title,
      .verify-card h2 {
        font-family: 'Figtree', sans-serif;
        font-weight: 800;
        letter-spacing: 0;
      }

      .benefits-card h2 {
        font-size: 21px;
        margin-bottom: 20px;
      }

      .benefit-item {
        min-height: 160px;
        padding: 10px 14px 4px;
        border-left: 1px solid var(--line);
      }

      .benefit-item:first-child {
        border-left: 0;
      }

      .circle-icon {
        width: 58px;
        height: 58px;
        margin: 0 auto 15px;
        border: 2px solid #0033ff;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #0033ff;
        font-size: 31px;
      }

      .benefit-item h3,
      .service-item h3 {
        font-size: 14px;
        font-weight: 800;
        text-transform: uppercase;
        line-height: 1.35;
      }

      .benefit-item p,
      .service-item p {
        margin: 10px auto 0;
        font-size: 13px;
        line-height: 1.6;
      }

      .services {
        background: var(--pale);
        padding: 30px 0 42px;
      }

      .services h2 {
        font-size: 29px;
      }

      .services .leaf-divider {
        color: #0033ff;
        margin: 10px 0 8px;
      }

      .services .leaf-divider::before,
      .services .leaf-divider::after {
        background: #b9cadd;
      }

      .service-item {
        min-height: 150px;
        padding: 10px 28px 0;
        border-left: 1px solid #cbd9e7;
      }

      .service-item:first-child {
        border-left: 0;
      }

      .service-item .service-icon {
        color: #0033ff;
        font-size: 47px;
        margin-bottom: 10px;
        line-height: 1;
      }

      .service-item h3 {
        font-family: 'Figtree', sans-serif;
        text-transform: none;
        font-size: 21px;
        line-height: 1.12;
        color: #102b4c;
      }

      .service-item p {
        max-width: 250px;
      }

      .dark-cta {
        color: #fff;
        background: linear-gradient(90deg, #0033ff, #0033ff);
        padding: 48px 0;
      }

      .cta-title {
        font-size: 30px;
      }

      .cta-copy {
        max-width: 390px;
        font-size: 17px;
        line-height: 1.58;
      }

      .trust-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        max-width: 560px;
        margin-top: 30px;
      }

      .trust-item {
        min-height: 78px;
        padding: 0 18px;
        border-left: 1px solid rgba(255, 255, 255, .38);
        display: flex;
        gap: 13px;
        align-items: flex-start;
      }

      .trust-item:first-child {
        border-left: 0;
        padding-left: 0;
      }

      .trust-item i {
        font-size: 29px;
      }

      .trust-item strong {
        display: block;
        font-size: 12px;
      }

      .trust-item span {
        display: block;
        margin-top: 4px;
        font-size: 11px;
        line-height: 1.42;
      }

      .cta-divider {
        width: 1px;
        min-height: 210px;
        background: rgba(255, 255, 255, .48);
        margin: 0 auto;
      }

      .verify-card {
        position: relative;
        max-width: 510px;
        margin-left: auto;
        padding: 55px 54px 30px;
        color: var(--ink);
        text-align: center;
        background: #fff;
        border-radius: 14px;
      }

      .floating-badge {
        position: absolute;
        top: -37px;
        left: 50%;
        width: 74px;
        height: 74px;
        transform: translateX(-50%);
        border-radius: 50%;
        background: rgba(255, 255, 255, .35);
        display: grid;
        place-items: center;
      }

      .floating-badge span {
        width: 58px;
        height: 58px;
        border: 1px solid #dce6f0;
        border-radius: 50%;
        background: #fff;
        display: grid;
        place-items: center;
        color: #0033ff;
        font-size: 31px;
      }

      .verify-card h2 {
        font-size: 32px;
        margin: 0;
      }

      .verify-card p {
        margin: 8px 0 18px;
        font-size: 17px;
        font-weight: 600;
      }

      .phone-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
        width: 100%;
        max-width: 385px;
        padding: 15px 22px;
        border-radius: 50px;
        color: #fff;
        text-decoration: none;
        background-color:#f03e7c;
      }

      .phone-button i {
        font-size: 31px;
      }

      .phone-button strong {
        display: block;
        font-size: 26px;
        line-height: 1.05;
      }

      .phone-button span {
        display: block;
        font-size: 15px;
      }

      footer {
        background: #fbfcfe;
        border-top: 1px solid #dfe6ef;
      }

      .footer-main {
        padding: 28px 0;
      }

      .footer-brand .brand-mark {
        width: 50px;
        height: 50px;
        font-size: 25px;
      }

      .footer-brand .brand-title {
        color: #0f2746;
        font-size: 26px;
      }

      .footer-brand .brand-subtitle {
        color: #0f2746;
        font-size: 10px;
      }

      .footer-contact {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 9px;
        color: #102b4c;
        font-size: 13px;
        font-weight: 600;
      }

      .disclaimer {
        border-top: 1px solid #e3e9f0;
        color: #6d7784;
        font-size: 10px;
        padding: 12px 0 16px;
      }

      @media (max-width: 991.98px) {
        .hero {
          min-height: 620px;
        }

        .topbar {
          gap: 18px;
        }

        .call-pill {
          width: 100%;
          max-width: 360px;
          justify-content: center;
        }

        .benefit-item,
        .service-item {
          border-left: 0;
          border-top: 1px solid var(--line);
        }

        .benefit-item:first-child,
        .service-item:first-child {
          border-top: 0;
        }

        .cta-divider {
          display: none;
        }

        .verify-card {
          margin: 48px auto 0;
        }
      }

      @media (max-width: 575.98px) {
        .hero {
          min-height: 450px;
        }

        .brand-title {
          font-size: 22px;
        }

        .brand-mark {
          width: 48px;
          height: 48px;
          font-size: 25px;
        }

        .eyebrow {
          font-size: 15px;
          letter-spacing: 2.2px;
        }

        .hero h1 {
          font-size: 44px;
        }

        .hero-copy {
          font-size: 17px;
        }

        .benefit-button {
          width: 100%;
          min-width: 0;
          justify-content: center;
          padding: 14px 16px;
        }

        .bcbs-wordmark {
          font-size: 27px;
        }

        .trust-row {
          grid-template-columns: 1fr;
          gap: 15px;
        }

        .trust-item {
          border-left: 0;
          padding: 0;
        }

        .verify-card {
          padding: 52px 20px 24px;
        }

        .phone-button strong {
          font-size: 22px;
        }
		
		.circle-icon {margin-top: 20px !important;}
		.service-item {margin-bottom: 20px !important;}
		 
      }
	  
	  
	  
.topbar img {
    filter: brightness(0) invert(1);
}