/* ========== BRAND COLORS ========== */
    :root {
      --epmc-blue: #00357a;
      --epmc-orange: #f36a22;
      --epmc-golden: #dcb551;
      --epmc-vivid-blue: #0058d7;
      --epmc-green: #00b050;
      --epmc-red: #ff0000;
      --epmc-light-blue: #538dd5;
      --epmc-bg-soft: #F8FAFF;
      --epmc-text: #1A2C3C;
    }
    * {
      font-family: 'Montserrat', 'Canva Sans', sans-serif;
    }
    body {
      background: #ffffff;
      scroll-behavior: smooth;
      color: var(--epmc-text);
    }
    .text-epmc { color: var(--epmc-blue) !important; }
    .bg-epmc { background-color: var(--epmc-blue) !important; }
    .text-epmc-orange { color: var(--epmc-orange) !important; }
    .bg-epmc-orange { background-color: var(--epmc-orange) !important; }
    .text-epmc-golden { color: var(--epmc-golden) !important; }
    .bg-epmc-soft { background-color: var(--epmc-bg-soft) !important; }

    /* ========== BUTTONS ========== */
    .btn-epmc {
      background-color: var(--epmc-blue);
      color: white;
      border-radius: 8px;
      padding: 10px 28px;
      font-weight: 700;
      border: none;
      transition: all 0.2s ease;
      text-decoration: none;
      display: inline-block;
    }
    .btn-epmc:hover {
      background-color: #002a5e;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(0,53,122,0.25);
      color: white;
    }
    .btn-epmc-outline {
      background: transparent;
      border: 2px solid var(--epmc-blue);
      color: var(--epmc-blue);
      border-radius: 8px;
      padding: 8px 26px;
      font-weight: 700;
      transition: all 0.2s ease;
      display: inline-block;
      text-decoration: none;
    }
    .btn-epmc-outline:hover {
      background: var(--epmc-blue);
      color: white;
    }
    .btn-epmc-accent {
      background-color: var(--epmc-orange);
      color: white;
      border-radius: 8px;
      padding: 10px 28px;
      font-weight: 700;
      border: none;
    }
    .btn-epmc-accent:hover {
      background-color: #d45a1c;
      transform: translateY(-2px);
    }

    /* ========== NAVBAR ========== */
    .navbar-brand-custom {
      display: flex;
      align-items: center;
    }
    .navbar-logo {
      max-height: 50px;
      width: auto;
    }
    .nav-link-custom {
      font-weight: 700;
      color: #00357a !important;
      text-decoration: none;
      margin-right: 1.5rem;
      transition: color 0.2s;
    }
    .nav-link-custom:hover {
      color: #f36a22 !important;
    }
    @media (max-width: 768px) {
      .nav-link-custom {
        margin-right: 0;
        margin-bottom: 0.5rem;
      }
      .navbar-logo { max-height: 40px; }
    }

    /* ========== FEATURE MODULES CARDS ========== */
    .feature-module-card {
      background: white;
      border-radius: 24px;
      padding: 1.8rem;
      transition: all 0.3s ease;
      border: 1px solid #EFF3F0;
      height: 100%;
      text-align: center;
      box-shadow: 0 2px 6px rgba(0,0,0,0.02);
    }
    .feature-module-card:hover {
      transform: translateY(-6px);
      border-color: var(--epmc-golden);
      box-shadow: 0 20px 30px -12px rgba(0,0,0,0.1);
    }
    .feature-module-icon {
      width: 70px;
      height: 70px;
      object-fit: contain;
      margin-bottom: 1rem;
    }
    .feature-module-title {
      font-size: 1.4rem;
      font-weight: 800;
      color: var(--epmc-blue);
      margin-bottom: 0.5rem;
    }
    .title-underline {
      width: 50px;
      height: 3px;
      background-color: var(--epmc-orange);
      margin: 0 auto 1rem auto;
      border-radius: 2px;
    }
    .feature-module-list {
      list-style: none;
      padding-left: 0;
      margin-bottom: 0;
      text-align: left;
      display: inline-block;
      width: 100%;
    }
    .feature-module-list li {
      padding: 0.4rem 0;
      font-size: 0.9rem;
      color: var(--epmc-blue);
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .feature-module-list li i {
      color: var(--epmc-blue);
      font-size: 0.8rem;
    }

    body{
        margin:0;
        background:#f3f3f3;
        font-family:'Montserrat',sans-serif;
    }

      /* =============================== */
      /* WRAPPER */
      /* =============================== */

      .usp-wrapper{
          position:relative;
          width:full;
          margin:120px auto;
      }

      /* =============================== */
      /* MAIN BOX */
      /* =============================== */

      .custom-box{
          position:relative;
          
          background:linear-gradient(
              135deg,
              #001b8e 0%,
              #00156b 50%,
              #000f52 100%
          );
          padding:80px 50px 20px;
          box-shadow:
              0 15px 35px rgba(0,0,0,0.25);
          overflow:hidden;
      }

      /* =============================== */
      /* FLOATING TOP LABEL */
      /* =============================== */

      .top-label{
          position:absolute;
          top:-34px;
          left:50%;
          transform:translateX(-50%);
          background:#0a33d5;
          padding:16px 45px;
          border:2px solid rgba(255,255,255,0.5);
          border-radius:22px;
          font-size:28px;
          font-weight:700;
          color:white;
          white-space:nowrap;
          box-shadow:
              0 10px 20px rgba(0,0,0,0.25),
              inset 0 1px 0 rgba(255,255,255,0.2);
          z-index:20;
      }

      .top-label .star-icon {
    display: inline-block;
    vertical-align: middle;
    width: 40px;          /* adjust size to match your design */
    height: auto;
    margin: 0 6px;        /* spacing around each icon */
}
      /* CONNECTORS */
      .top-label::before{
          right:100%;
      }

      .top-label::after{
          left:100%;
      }

      /* =============================== */
      /* RIBBON */
      /* =============================== */

      .best-value{
          position:absolute;
          top:15px;
          left:-60px;
          width:230px;
          background:linear-gradient(
              135deg,
              #f0cd69 0%,
              #dcb551 45%,
              #b88a28 100%
          );
          color:#002c8f;
          text-align:center;
          padding:12px 0;
          font-size:22px;
          font-weight:800;
          line-height:1.05;
          text-transform:uppercase;
          transform:rotate(-45deg);
          box-shadow:
              0 8px 18px rgba(0,0,0,0.22);
          z-index:15;
          border-top:2px solid rgba(255,255,255,0.35);
          border-bottom:2px solid rgba(0,0,0,0.08);
      }

      /* =============================== */
      /* CONTENT */
      /* =============================== */

      .content{
          color:white;
      }

      /* =============================== */
      /* CARDS */
      /* =============================== */

      .usp-cards{
          display:flex;
          width:100%;
      }

      /* CARD */

      .usp-card{
          flex:1;
          padding:0 35px;
          min-height:280px;
      }

      /* DIVIDER */
      .usp-card:not(:last-child){
      border-right:1px solid rgb(255, 255, 255);
      }

      /* =============================== */
      /* TOP ROW */
      /* =============================== */

      .usp-top-row{
          display:flex;
          align-items:flex-start;
          gap:20px;
          margin-bottom:25px;
      }

      /* ICON */
      .usp-icon{
          width:90px;
          flex-shrink:0;
      }

      /* TITLE AREA */

      .usp-title-area{
          flex:1;
      }

      /* HEADING */

      .usp-heading{
          color:white;
          font-size:22px;
          line-height:1.15;
          font-weight:700;
          margin-bottom:10px;
      }

      /* GOLD TEXT */

      .usp-subheading{
          color:#ddb54b;
          font-size:24px;
          line-height:1.15;
          font-weight:700;
      }

      /* DESCRIPTION */

      .usp-description{
          color:white;
          font-size:16px;
           line-height:1.6;
          font-weight:400;
          margin-bottom:28px;
      }

      /* BUTTON */

      .usp-button{
          display:inline-flex;
          align-items:center;
          justify-content:center;
          height:52px;
          padding:0 28px;
          border:2px solid rgba(255,255,255,0.85);
          border-radius:18px;
          color:white;
          font-size:16px;
          font-weight:500;
          cursor:pointer;
          transition:0.25s;
      }

      .usp-button:hover{

          background:white;
          color:#001b8e;
      }

      /* =============================== */
      /* GOLDEN BOX */
      /* =============================== */

      .usp-golden-box{

          display:inline-flex;
          align-items:center;
          justify-content:center;
          padding:10px 22px;
          background:#ddb54b;
          border-radius:14px;
          color:#001b8e;
          font-size:18px;
          font-weight:700;
          margin-top:6px;
      }

      /* =============================== */
      /* BULLETS */
      /* =============================== */

      .usp-list{

          list-style:none;
          padding:0;
          margin:10px 0 0;
      }

      .usp-list li{

          position:relative;
          color:white;
          font-size:16px;
          line-height:1.6;
          margin-bottom:16px;
          padding-left:32px;
      }

      /* CHECK ICON */

      .usp-list li::before{

          content:"✔";
          position:absolute;
          left:0;
          top:0;
          color:#ddb54b;
          font-size:20px;
          font-weight:700;
      }


      /* ========== COMPARISON TABLE ========== */
      .comp-table {
        background: #fff;
        border-radius: 24px;
        overflow-x: auto;
        box-shadow: 0 5px 20px rgba(0,0,0,0.05);
      }
      .comp-table table {
        width: 100%;
        border-collapse: collapse;
        min-width: 600px;
      }
      .comp-table th {
        background-color: var(--epmc-blue);
        color: white;
        padding: 12px 16px;
        font-weight: 700;
      }
      .comp-table td {
        padding: 10px 16px;
        border-bottom: 1px solid #eef2f0;
        color: var(--epmc-text);
      }
      .comp-table tr:last-child td {
        border-bottom: none;
      }
      .legend {
        font-size: 0.6rem;
        color: #6c757d;
        margin-top: 1rem;
        text-align: center;
      }
      .legend span {
        display: inline-block;
        margin: 0 0.5rem;
      }

      /* =============================== */
      /* CTA RECTANGLE */
      /* =============================== */

      .comparison-cta{
      display:flex;
      justify-content:center;
      margin-top:45px;
      }

      .comparison-rectangle{
      display:flex;
      align-items:center;
      justify-content:center;
      width:360px;
      height:72px;
      background:#001b8e;
      border-radius:22px;
      color:white;
      font-size:24px;
      font-weight:700;
      box-shadow:
          0 10px 22px rgba(0,0,0,0.18);
      }


    /* ========== ADDITIONAL BENEFITS ========== */

    .benefit-item {
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:1rem;
    }

    /* ICON */
    .benefit-icon {
    width:60px;
    height:60px;
    object-fit:contain;
    flex-shrink:0;
    }

    /* TEXT AREA */
    .benefit-text{
    display:flex;
    flex-direction:column;
    justify-content:center;
    }


    /* TITLE */
    .benefit-title {
    font-weight:800;
    color:var(--epmc-blue);
    margin-bottom:0.35rem;
    font-size:1.15rem;
    }

    /* DESCRIPTION */
    .benefit-desc {
    font-size:0.9rem;
    color:#5a6e7a;
    line-height:1.5;
    }
    /* FOOTER STYLES - 4 COLUMNS (updated) */
    .footer-new {
      background-color: #f8f9fa;
      border: 2px solid #00357a;
      border-radius: 28px;
      padding: 2rem 2rem 1.5rem;
      margin: 2rem 0;
    }
    .footer-logo {
      max-height: 130px;
      width: auto;
      margin-bottom: 1rem;
      display: block;
    }
    .footer-description {
      font-size: 0.9rem;
      line-height: 1.5;
      color: #1f2a3e;
      margin-top: 0.5rem;
    }
    .footer-vertical-links a {
      color: #00357a;
      text-decoration: none;
      font-weight: 500;
      display: block;
      margin-bottom: 0.6rem;
      transition: color 0.2s;
    }
    .footer-vertical-links a:hover {
      color: #f36a22;
    }
    .footer-contact-info p {
      margin-bottom: 0.6rem;
      color: #00357a;
      font-weight: 500;
    }
    .footer-contact-info i {
      width: 28px;
      color: #f36a22;
    }
    .footer-copyright {
      text-align: center;
      margin-top: 2rem;
      padding-top: 1rem;
      border-top: 1px solid #dee2e6;
      color: #6c757d;
      font-size: 0.85rem;
    }
    /* 4-column responsive grid */
    .footer-grid {
      display: grid;
      grid-template-columns: 1fr 1.8fr 1fr 1.2fr;
      gap: 2rem;
    }
    @media (max-width: 992px) {
      .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
      }
    }
    @media (max-width: 768px) {
      .footer-grid {
        grid-template-columns: 1fr;
        gap: 1.8rem;
      }
      .footer-new {
        padding: 1.5rem;
      }
    }
 

    /* ========== MODAL ========== */
    .modal-content {
      border-radius: 32px;
      border: none;
    }
    .form-control, .form-select {
      border-radius: 16px;
      padding: 12px 16px;
      border: 1px solid #DEE2E6;
    }
    .form-control:focus, .form-select:focus {
      border-color: var(--epmc-orange);
      box-shadow: 0 0 0 3px rgba(243,106,34,0.2);
    }

    /* ========== MAIN HEADING BADGE ========== */
    .features-badge {
      display: inline-block;
      padding: 0.4rem 1.2rem;
      border: 2px solid var(--epmc-blue);
      border-radius: 40px;
      color: var(--epmc-blue);
      font-weight: 700;
      letter-spacing: 1px;
      font-size: 0.9rem;
      background: transparent;
    }
 
    /* ========== COMPARISON Section ========== */
    .comparison-section{
        width:85%;
        margin:80px auto;
        font-family:'Montserrat',sans-serif;
    }

    /* TITLE */
    .comparison-title{
        background:#d9b24c;
        color:#001b8e;
        font-size:36px;
        font-weight:600;
        text-align:center;
        padding:22px;
        border-radius:18px;
        margin-bottom:28px;
    }

    /* TABLE */
    .table-wrapper{
        overflow-x:auto;
    }

    .comparison-table{
        width:100%;
        border-collapse:collapse;
        background:white;
    }

    /* HEADER */
    .comparison-table thead{
        background:#001b8e;
    }

    .comparison-table th{
        color:#d9b24c;
        font-size:20px;
        font-weight:700;
        padding:18px 16px;
        border-right:1px solid rgba(255,255,255,0.08);
    }

    /* CATEGORY ROW */
    .category-row td{
        background:#dce9f5;
        color:#111;
        font-size:18px;
        font-size:18px;
        font-weight:700;
        padding:14px 18px;
    }

    /* BODY */
    .comparison-table td{
        padding:14px 18px;
        font-size:20px;
        color:#333;
        border-bottom:1px solid #eee;
    }

    /* FEATURE COLUMN */
    .feature-name{
        font-weight:500;
    }

    /* SYMBOLS */
    .symbol{
        text-align:center;
        font-size:28px;
        font-weight:700;
    }

    .check{
        color:#111;
    }

    .partial{
        color:#4f8ddf;
    }

    .cross{
        color:#222;
    }

    /* TOTALS */

    .total-row td{
        font-weight:700;
        font-size:22px;
        padding-top:22px;
    }

    /* LEGEND */

    .comparison-legend{
        display:flex;
        justify-content:center;
        gap:40px;
        margin-top:40px;
        font-size:20px;
        color:#222;
    }

    /* FOOTNOTE */
    .comparison-note{
        text-align:center;
        margin-top:24px;
        color:#555;
        font-size:16px;
        line-height:1.6;
        max-width:1200px;
        margin-left:auto;
        margin-right:auto;
    }