.elementor-712 .elementor-element.elementor-element-63dbe37{--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;}/* Start custom CSS for html, class: .elementor-element-4840276 */:root {
        --bg: #ececec;
        --white: #ffffff;
      }

         .faq-shell {
    max-width: 1180px;
    margin: 0 auto;
    font-family: "Rubik", Sans-serif;
}
      .tabs {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 12px 16px;
        margin-bottom: 42px;
      }

      .tab-btn {
        border: 0;
        background: var(--e-global-color-1738c29);
        color: var(--white);
        padding: 14px 10px;
        min-height: 48px;
        border-radius: 4px;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 700;
            font-size: 16px;
    text-wrap: auto;
        line-height: 1.15;
        text-align: center;
        transition:
          transform 0.22s ease,
          background-color 0.22s ease,
          box-shadow 0.22s ease;
        box-shadow: 0 6px 16px rgba(15, 76, 201, 0.12);
      }

      .tab-btn:hover {
        transform: translateY(-2px);
        background: var( --e-global-color-accent) !important;
      }

      .tab-btn.active {
        background: var( --e-global-color-accent) !important;
      }

      .panel {
        display: none;
        animation: panelFade 0.28s ease;
      }

      .panel.active {
        display: block;
      }

      @keyframes panelFade {
        from {
          opacity: 0;
          transform: translateY(8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .panel-title {
        margin: 0 0 18px;
        color: var(--e-global-color-1738c29);
            font-size: 2em;
    line-height: 1.05;
    text-transform: uppercase;
    font-weight: 500;
      }

      .accordion {
        background: transparent;
      }

      .accordion-item {
        border-top: 2px solid var( --e-global-color-accent );
      }

      .accordion-item:last-child {
        border-bottom: 2px solid var( --e-global-color-accent );
      }

      .accordion-trigger {
        width: 100%;
        border: 0;
        background: transparent;
        color: var(--e-global-color-1738c29) !important;
        padding: 22px 10px 22px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        text-align: left;
               font-size: 1.3em;
    font-weight: 500;
    text-wrap: auto;
        cursor: pointer;
      }

  
      .accordion-trigger:hover{
              color: var(--e-global-color-accent) !important;
    background: inherit !important;
      }
      .accordion-trigger:hover .accordion-icon::before, .accordion-trigger:hover  .accordion-icon::after{
          background: var(--e-global-color-accent);
      } 

      .accordion-icon {
        width: 24px;
        min-width: 24px;
        height: 24px;
        position: relative;
      }

      .accordion-icon::before,
      .accordion-icon::after {
        content: "";
        position: absolute;
        inset: 50% auto auto 50%;
        width: 14px;
        height: 2px;
        background: var(--e-global-color-1738c29);
        transform: translate(-50%, -50%);
        transition:
          transform 0.22s ease,
          opacity 0.22s ease;
      }

      .accordion-icon::after {
        transform: translate(-50%, -50%) rotate(90deg);
      }

      .accordion-item.open .accordion-icon::after {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(90deg) scaleX(0.4);
      }

      .accordion-content {
        display: grid;
        grid-template-rows: 0fr;
        transition: grid-template-rows 0.28s ease;
      }

      .accordion-item.open .accordion-content {
        grid-template-rows: 1fr;
      }

      .accordion-inner {
        overflow: hidden;
      }

      .accordion-body {
        margin: 0;
        padding: 0 38px 22px 0;
        color: var(--e-global-color-1738c29);
        font-size: clamp(16px, 1.35vw, 22px);
        line-height: 1.7;
      }

      @media (max-width: 768px) {
       

        .tabs {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
          margin-bottom: 28px;
        }

        .tab-btn {
          font-size: 10px;
          min-height: 56px;
          padding: 12px 8px;
        }
        .panel-title{
            font-size: 1.4em;
        }

        .accordion-trigger {
          padding: 18px 0;
          font-size: 18px;
        }

        .accordion-body {
          padding: 0 28px 18px 0;
          font-size: 15px;
          line-height: 1.55;
        }
      }/* End custom CSS */