.elementor-10122 .elementor-element.elementor-element-5b7084c5{--display:flex;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-10122 .elementor-element.elementor-element-5b7084c5:not(.elementor-motion-effects-element-type-background), .elementor-10122 .elementor-element.elementor-element-5b7084c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staging.reachstream.com/wp-content/uploads/2025/12/Group-324279.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10122 .elementor-element.elementor-element-ccf42b8 img{width:200px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10122 .elementor-element.elementor-element-f11a5c7 > .elementor-widget-container{margin:-10px 0px -10px 0px;}.elementor-10122 .elementor-element.elementor-element-f11a5c7{text-align:center;}.elementor-10122 .elementor-element.elementor-element-f11a5c7 .elementor-heading-title{font-size:36px;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10122 .elementor-element.elementor-element-5fd83757{text-align:center;color:#000000;}@media(max-width:767px){.elementor-10122 .elementor-element.elementor-element-5b7084c5{--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-10122 .elementor-element.elementor-element-f11a5c7 > .elementor-widget-container{margin:-10px 0px -10px 0px;}}/* Start custom CSS for html, class: .elementor-element-23a5e7be *//* ----------- CONTAINER ---------- */
      .container {
        max-width: 800px;
        margin: 0px auto;
      }

      /* ---------- CARD ---------- */
      .card {
        background: #fff;
        padding: 30px;
        border-radius: 1.5rem;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
      }

      /* ---------- TEXT ---------- */
      .text-center {
        text-align: center;
      }
      .text-muted {
        color: #666;
      }
      .fw-bold {
        font-weight: bold;
      }
      .fw-semibold {
        font-weight: 600;
      }
      .mb-3 {
        margin-bottom: 1rem;
      }
      .mb-4 {
        margin-bottom: 1.5rem;
      }
      .my-3 {
        margin: 1rem 0;
      }

      /* ---------- FORM ELEMENTS ---------- */
      label.form-label {
        display: block;
        margin-bottom: 6px;
        font-size: 16px;
      }
      textarea,
      input[type="file"] {
        width: 100%;
        padding: 10px;
        border-radius: 8px;
        border: 1px solid #ccc;
        margin-bottom: 15px;
      }

      /* ---------- BUTTONS ---------- */
      .btn-primary,
      .btn-success {
        display: block;

        padding: 12px;

        text-align: center;
        cursor: pointer;
        border-radius: 0.75rem;
        color: white;
        border: none;
        text-decoration: none;
      }

      .btn-primary {
        background: #0d2f6f;
        border-radius: 25px !important;
        font-size: 16px !important;
        padding: 10px 30px;
      }
      
      .btn-primary:hover {
        background: #0d2f6f;
        
      }
      
      .btn-primary:focus {
        background: #0d2f6f;
        
      }

      .btn-success {
        background: #28a745;
      }

      /* ---------- PROGRESS BAR ---------- */
      /* Progress bar container */
      .progress {
        display: none;
        width: 100%;
        height: 12px;
        background: #e0e0e0;
        border-radius: 1rem;
        overflow: hidden; /* Ensures rounded corners clip inner bar */
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
        margin-top: 20px;
      }

      /* Progress bar itself */
      .progress-bar {
        height: 100%;
        width: 0%;
        background: linear-gradient(90deg, #00c3ff, #00a0ac);
        border-radius: 1rem;
        transition: width 0.4s ease, background 0.4s ease;
      }

      /* Optional progress text */
      .progress-text {
        color: #666;
        text-align: center;
        margin-top: 5px;
        font-weight: 600;
      }

      /* ---------- TABLE ---------- */
      table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
        display: none;
        border: 1px solid #e3e3e5;
      }

      table th {
        background: #f0f3f8bd;
        color: #000000;
        text-align: left;
      }

      table th,
      table td {
        border: 1px solid #e3e3e5;
        padding: 10px 20px !important;
        font-size: 14px;
        padding: 5px;
        border: none;
      }

      table tbody > tr:nth-child(odd) > td,
      table tbody > tr:nth-child(odd) > th {
        background-color: #ffffff;
      }

      .col-2 table td {
        color: #198754;
      }

      .input-sec {
        display: grid;
        grid-template-columns: 3fr 1fr 3fr;
      }

      .fade-in {
        animation: fadeIn 0.6s ease;
      }
      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(10px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      /* ---------- DRAG & DROP UPLOAD ---------- */
      .upload-box {
        width: 100%;
        border: 2px dashed #ccc;
        border-radius: 12px;
        padding: 20px;
        text-align: center;
        background: #fafafa;
        cursor: pointer;
        transition: 0.25s;
        position: relative;
      }

      .upload-box:hover {
        border-color: #007bff;
        background: #f4faff;
      }

      .upload-box.dragover {
        border-color: #00aaff;
        background: #e8f6ff;
      }

      .csv-icon {
        width: 48px;
        opacity: 0.8;
        margin-bottom: 10px;
      }

      .upload-title {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin-top: -10px;
      }

      .upload-sub {
        margin-top: -10px;
        font-size: 13px;
        color: #777;
        margin-bottom: -10px;
      }

      .upload-link {
        color: #007bff;
        text-decoration: underline;
        cursor: pointer;
      }

      /* Hide original input */
      #csvInput {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
      }

      .upload-selected {
        padding: 25px 20px !important;
      }

      .file-name {
        font-size: 15px;
        font-weight: 600;
        color: #333;
        margin-bottom: -10px;
      }

      textarea:hover {
        border-color: #00a2ff;
        background: #f0faff;
      }

      textarea:focus {
        border-color: #00a2ff;
        background: #f0faff;
      }

      .sub-btn {
        display: flex;
        align-content: center;
        flex-direction: column;
        flex-wrap: wrap;
      }

      a#downloadBtn {
        background: #0d2f6f;
        color: #ffffff;
        padding: 5px 20px;
        font-size: 16px;
      }

      .downloadBtn-sec {
        display: flex;
        justify-content: flex-end;
      }
      
      .line {
  flex: 1;
  width: 1px;
  background: #ddd;
}

.divider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 150px;     /* adjust as needed */
}

      @media (max-width: 600px) {
        .input-sec {
          grid-template-columns: 1fr;
        }

        .sub-btn {
          margin-top: 15px;
        }
        
.divider-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 10px;
}

.line {
  flex: 1;
  width: 0px;
  background: #ddd;
}
      }/* End custom CSS */