#policy-modal {
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      padding: 24px;
      background: rgba(0, 0, 0, 0.65);
      z-index: 9999;
    }
    #policy-modal.active {
      display: flex;
    }
    #policy-modal__panel {
      background: #ffffff;
      width: min(95%, 900px);
      max-height: 90vh;
      border-radius: 20px;
      box-shadow: 0 32px 120px rgba(0, 0, 0, 0.25);
      overflow: hidden;
      display: flex;
      flex-direction: column;
    }
    #policy-modal__header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 24px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      background: #f9fafb;
    }
    #policy-modal__title {
      margin: 0;
      font-size: 1.25rem;
      font-weight: 700;
      color: #111827;
    }
    #policy-modal__close {
      border: none;
      background: transparent;
      color: #374151;
      font-size: 1.75rem;
      line-height: 1;
      cursor: pointer;
      padding: 0;
      width: 40px;
      height: 40px;
    }
    #policy-modal__body {
      padding: 24px;
      overflow-y: auto;
      color: #1f2937;
      line-height: 1.75;
      max-height: calc(90vh - 110px);
    }
    #policy-modal__body h2,
    #policy-modal__body h3 {
      margin-top: 0;
      margin-bottom: 1rem;
      color: #111827;
    }
    #policy-modal__body p,
    #policy-modal__body li {
      margin-bottom: 1rem;
    }
    #policy-modal__body ul {
      padding-left: 1.25rem;
      margin-bottom: 1rem;
    }
    @media (max-width: 640px) {
      #policy-modal {
        padding: 16px;
      }
      #policy-modal__panel {
        width: 100%;
        border-radius: 16px;
      }
      #policy-modal__header,
      #policy-modal__body {
        padding: 18px;
      }
    } 
    
.hero-inner .left { width: 50%;  float: left; }
.hero-title{font-size:50px}
.hero-inner .right { width: 50%;  float: right; }    
.right img {    display: block;    margin: 0 auto; /* Centers the block element horizontally */}


@media (max-width: 768px) {
    .right {
        display: none;          /* Hides the image container entirely */
    }

    .left {
        width: 100% !important;            /* Ensures the text expands to fill the screen */
        text-align: center;     /* Optional: Centers the text for a balanced look */
    }
    
    .hero-actions {
        justify-content: center; /* Centers buttons if you center the text */
    }
    
    .hero-scroll{display:none;}
}