.elementor-595 .elementor-element.elementor-element-84d465c > .elementor-widget-container{background-color:#E6E6E6;padding:100px 100px 100px 100px;}.elementor-595 .elementor-element.elementor-element-fddb82d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-595 .elementor-element.elementor-element-94cf73a.elementor-element{--align-self:flex-start;}.elementor-595 .elementor-element.elementor-element-1645af7 > .elementor-container{max-width:1340px;}.elementor-595 .elementor-element.elementor-element-1645af7{padding:90px 0px 100px 0px;}/* Start custom CSS for html, class: .elementor-element-94cf73a */.pill-button {
      border: 1px solid #26406d;
      border-radius: 9999px;
      padding: 8px 20px;
      background: transparent;
      color: #438fc7;
      cursor: pointer;
      margin-bottom: 20px;
    }

    h1 {
      font-size: 2rem;
      color: #26406d;
      font-weight: bold;
      margin: 20px 0 40px;
    }

    .tabs {
      display: flex;
      gap: 20px;
      margin-bottom: 30px;
      flex-wrap: wrap;
      margin-top: 30px;
    }

    .tab {
      padding: 14px 40px;
      background-color: #fff;
      border: none;
      cursor: pointer;
      font-weight: 600;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
    }

    .tab.active {
      background-color: #26406d;
      color: #fff;
    }

    .tab-content {
      display: none;
      animation: fadeIn 0.4s ease-in-out;
    }

    .tab-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    p {
      line-height: 1.8;
      color: #828a8d;
    }

    h2 {
      margin-top: 30px;
      font-size: 1.2rem;
      font-weight: bold;
    }

    .features {
      display: flex;
      flex-wrap: wrap;
      margin-top: 20px;
      color: #828a8d;
    }

    .feature {
      width: 50%;
      display: flex;
      align-items: start;
      padding: 5px 0;
    }

    .feature i {
      color: #26406d;
      margin-right: 10px;
      margin-top: 4px;
    }

    section.tabbs {
      width: 100%;
      margin: 0 auto;
      padding: 20px;
    }

    /* === Mobile Responsive Styles === */
    @media (max-width: 768px) {
      section.tabbs {
        width: 90%;
      }

      h1 {
        font-size: 1.5rem;
        text-align: center;
      }

      .tabs {
        flex-direction: column;
        gap: 10px;
        align-items: stretch;
      }

      .tab {
        width: 100%;
        text-align: center;
      }

      .features {
        flex-direction: column;
      }

      .feature {
        width: 100%;
      }
    }/* End custom CSS */