@charset "utf-8";
/* CSS Document */

     .popup-overlay-html-content {
      background-color: rgba(0, 0, 0, 0.7);
      position: fixed;
      inset: 0;
      display: none; 
      align-items: center;
      justify-content: center;
      z-index: 999999999;
    }

   .popup-overlay-html-content .popup-container {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 0 8px 0 rgba(10, 34, 64, 0.12);
      width: 668px;
      max-width: 95vw;
      max-height: 90vh;
      display: flex;
      flex-direction: column;
      overflow: hidden;
      position: relative;
    }

    /* Header */
 .popup-overlay-html-content  .popup-header {
      display: flex;
      align-items: flex-start;
      gap: 24px;
      padding: 24px 24px 16px 24px;
      flex-shrink: 0;
    }

  .popup-overlay-html-content .popup-title {
      flex: 1;
      font-family: 'Red Hat Text', sans-serif;
      font-weight: 500;
      font-size: 24px;
      line-height: 32px;
      color: #022169;
      margin: 0;
    }

  .popup-overlay-html-content .popup-close {
      width: 24px;
      height: 24px;
      flex-shrink: 0;
      background: none;
      border: none;
      cursor: pointer;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #022169;
    }

  .popup-overlay-html-content .popup-close svg {
      display: block;
    }

    /* Scrollable body */
  .popup-overlay-html-content .popup-body {
      flex: 1;
      overflow-y: auto;
      padding: 0 24px 24px 24px;
      position: relative;
    }

  .popup-overlay-html-content  .popup-body::-webkit-scrollbar {
      width: 6px;
    }

 .popup-overlay-html-content  .popup-body::-webkit-scrollbar-track {
      background: transparent;
    }

  .popup-overlay-html-content .popup-body::-webkit-scrollbar-thumb {
      background: #ededf2;
      border-radius: 1000px;
    }
	  
	  .popup-overlay-html-content  .scroll-content-box::-webkit-scrollbar {
      width: 6px;
    }

 .popup-overlay-html-content  .scroll-content-box::-webkit-scrollbar-track {
      background: transparent;
    }

  .popup-overlay-html-content .scroll-content-box::-webkit-scrollbar-thumb {
      background: #ededf2;
      border-radius: 1000px;
    } 
	  
	.popup-overlay-html-content   .scroll-content-box {
		  max-height:500px; overflow-y: auto; background: #f9f9f9; padding: 10px; border: 1px solid #ddd;
	  }
	  

  .popup-overlay-html-content .popup-text {
      font-family: 'Red Hat Text', sans-serif;
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: #000;
      letter-spacing: 0.2px;
      margin: 0;
    }

  .popup-overlay-html-content .popup-text p {
      margin: 0 0 16px 0;
    }

   .popup-overlay-html-content .popup-text p:last-child {
      margin-bottom: 0;
    }

    /* Footer variants */
  .popup-overlay-html-content .popup-footer-with-line {
      display: flex;
      gap: 16px;
      padding: 24px;
      flex-shrink: 0;
      background: #fff;
      box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
    }
	  
  .popup-overlay-html-content .popup-footer {
      display: flex;
      gap: 16px;
      padding: 24px;
    }

 .popup-overlay-html-content .btn {
      flex: 1;
      height: 46px;
      border-radius: 4px;
      font-family: 'Red Hat Text', sans-serif;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      cursor: pointer;
      padding: 8px 20px;
      min-width: 88px;
    }

  .popup-overlay-html-content .btn-secondary {
      background: transparent;
      border: 2px solid #022169;
      color: #022169;
    }

  .popup-overlay-html-content .btn-secondary:hover {
      background: rgba(2, 33, 105, 0.05);
    }

  .popup-overlay-html-content .btn-primary {
      background: #fecf13;
      border: none;
      color: #022169;
    }

 .popup-overlay-html-content  .btn-primary:hover {
      background: #f0c200;
    }