.elementor-10131 .elementor-element.elementor-element-73ffe5eb{--display:flex;--min-height:874px;}.elementor-10131 .elementor-element.elementor-element-73ffe5eb:not(.elementor-motion-effects-element-type-background), .elementor-10131 .elementor-element.elementor-element-73ffe5eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF4F1;background-image:url("https://staging.reachstream.com/wp-content/uploads/2025/12/Group-324158.png");background-position:top center;background-repeat:no-repeat;background-size:contain;}@media(max-width:767px){.elementor-10131 .elementor-element.elementor-element-73ffe5eb:not(.elementor-motion-effects-element-type-background), .elementor-10131 .elementor-element.elementor-element-73ffe5eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:initial;}}/* Start custom CSS for html, class: .elementor-element-6f9588d3 *//* Container */
      .container {
        /* max-width: 1100px; */
        margin: 0 auto;
        padding: 90px 20px;
      }

      /* Form layout */
      .row {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem; /* replaces g-4 */
        margin-bottom: 2rem;
      }

      .row-1 {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem; /* replaces g-4 */
        margin-bottom: 2rem;
      }

      .col-6 {
        flex: 1 1 calc(50% - 1.5rem);
        min-width: 300px;
      }

      /* Inputs */
      .text-area {
        box-shadow: 0px 3px 6px #00000029;
        padding: 10px;
        border-radius: 15px;
        background: #fff;
      }

      textarea {
        width: 100%;
        height: 180px;
        padding: 10px;
        font-size: 1rem;
        border-radius: 15px;
        resize: vertical;
        box-sizing: border-box;
        border: none;
      }

      #email_text:focus {
        outline: none; /* removes blue outline */
        border: none; /* removes border */
        box-shadow: none; /* removes glow in some browsers */
      }

      /* width */
      #email_text::-webkit-scrollbar {
        width: 5px;
        border-radius: 20px;
        margin-left: -10px;
      }

      /* Track */
      #email_text::-webkit-scrollbar-track {
        background: #e6e6e6;
        border-radius: 20px;
      }

      /* Handle */
      #email_text::-webkit-scrollbar-thumb {
        background: #00a0ac;
        border-radius: 20px;
      }

      label {
        font-weight: 600;
        margin-bottom: 6px;
        display: block;
      }

      /* Button */
      .btn-primary {
        background: #0d2f6f;
        color: white;
        padding: 10px 25px;
        border: none;
        border-radius: 20px;
        cursor: pointer;
      }
      
      h1{
          font-weight: 700;
          
          padding: 10px
      }

      .btn-primary:hover {
        background: #0d2f6f;
      }
      
      .btn-primary:focus {
        background: #0d2f6f;
      }

      /* Result panel */

      .result-panel {
        display: grid;
        grid-template-columns: 1.5fr 4fr;
        background: #fff;
        /* padding: 10px; */
        border-radius: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
        gap: 20px;
      }

      .result-panel > div {
        border-right: 1px solid #ddd; /* vertical divider */
        padding: 10px;
      }

      /* Remove the border on last column */
      .result-panel > div:nth-child(2n) {
        border-right: none;
      }

      /* .res-col-1 > * + * {
        border-top: 1px solid #e5e5e5;
        padding-top: 20px;
      } */

      .res-col-1 {
        padding: 15px !important;
      }

      /* Score bar */
      .score-bar {
        height: 8px;
        border-radius: 6px;
        background-color: #ebf1ff;
        margin-bottom: 10px;
        position: relative;
        overflow: hidden;
      }

      .score-bar-fill {
        background: transparent linear-gradient(90deg, #0061ff 0%, #0d2f6f 100%)
          0% 0% no-repeat padding-box;
        height: 100%;
        width: 0%;
        transition: width 0.4s ease-in-out;
      }

      /* Utility classes */
      .mb-1 {
        margin-bottom: 0.25rem;
        font-size: 16px;
      }
      /* .mb-3 {
        margin-bottom: 1rem;
      } */
      .fw-bold {
        font-weight: bold;
      }
      .text-danger {
        color: #dc3545;
      }
      .text-muted {
        color: #c2c8ce;
        font-size: 12px;
      }
      .text-secondary {
        color: #000000;
        font-size: 13px;
        font-weight: 600;
      }
      hr {
        margin-top: 1rem;
        margin-bottom: 1rem;
      }
      ul {
        padding-left: 1rem;
      }
      .list-unstyled {
        list-style: none;
        padding-left: 0;
        font-size: 12px;
      }

      #toneResults {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        background: #fafafa;
        border-radius: 15px;
        padding: 10px;
        margin-top: 10px;
      }

      #toneResults > div {
        border-right: 1px solid #ddd; /* vertical divider */
        padding: 10px;
      }

      /* Remove the border on last column */
      #toneResults > div:nth-child(5n) {
        border-right: none;
      }

      spam#res-title {
        color: #0d2f6f;
        font-weight: 600;
        text-decoration: underline;
        text-underline-offset: 4px;
      }

      span#spamScore {
        color: #00a2ff;
      }

      label#email-text {
        margin-bottom: -10px;
      }

      button#analyzeBtn {
        border-radius: 25px;
      }

      @media (max-width: 600px) {
        .col-6 {
          flex: 0 1 calc(50% - 1.5rem);
        }

        .result-panel {
          display: flex !important;
          flex-direction: column;
        }

        #toneResults {
          display: flex;
          flex-direction: column;
        }

        .container {
          padding: 20px;
        }
      }

      @media (min-width: 600px) {
        .row-1 {
          width: 600px;
        }
      }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73ffe5eb */h1 {
    margin-top: -10px;
    margin-bottom: 5px;
}

p {
    font-size: 16px;
}/* End custom CSS */