.elementor-24738 .elementor-element.elementor-element-173b764c{--display:flex;overflow:visible;}.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 );}/* Start custom CSS for text-editor, class: .elementor-element-3895013b *//* =======================================<br />
       CONNECT NOW SECTION – CSC Growth<br />
       Scoped styles for Elementor<br />
    ======================================= */<br />
    #cscgrowth-v3 #connect {<br />
      background: linear-gradient(180deg, #0b1220, #0f172a);<br />
      color: #fff;<br />
      padding: 80px 20px;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .label {<br />
      color: #f6c443;<br />
      font-weight: 700;<br />
      text-transform: uppercase;<br />
      font-size: 0.9rem;<br />
      letter-spacing: 0.05em;<br />
    }</p>
<p>    #cscgrowth-v3 #connect h2 {<br />
      font-size: 2.2rem;<br />
      margin: 12px 0 18px;<br />
      text-align: center;<br />
      color: #fff;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .lead {<br />
      color: rgba(255,255,255,0.85);<br />
      font-size: 1.1rem;<br />
      max-width: 800px;<br />
      text-align: center;<br />
      margin: 0 auto 50px;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .grid {<br />
      display: grid;<br />
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));<br />
      gap: 30px;<br />
      max-width: 1000px;<br />
      margin: 0 auto;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .card {<br />
      background: rgba(255,255,255,0.05);<br />
      border: 1px solid rgba(255,255,255,0.1);<br />
      border-radius: 14px;<br />
      padding: 28px 24px;<br />
      transition: all 0.25s ease;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .card:hover {<br />
      border-color: #f6c443;<br />
      box-shadow: 0 0 18px rgba(246,196,67,0.25);<br />
      transform: translateY(-3px);<br />
    }</p>
<p>    #cscgrowth-v3 #connect h3 {<br />
      font-size: 1.3rem;<br />
      color: #fff;<br />
      margin-bottom: 10px;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .muted {<br />
      color: rgba(255,255,255,0.8);<br />
      line-height: 1.6;<br />
      margin-bottom: 20px;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .btn-row {<br />
      display: flex;<br />
      flex-wrap: wrap;<br />
      gap: 14px;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .button {<br />
      display: inline-block;<br />
      text-decoration: none;<br />
      padding: 10px 22px;<br />
      font-weight: 600;<br />
      border-radius: 6px;<br />
      transition: all 0.25s ease;<br />
      text-align: center;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .btn-primary {<br />
      background: #f6c443;<br />
      color: #111;<br />
      border: none;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .btn-primary:hover {<br />
      background: #ffda5c;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .btn-outline {<br />
      border: 1px solid #f6c443;<br />
      color: #f6c443;<br />
      background: transparent;<br />
    }</p>
<p>    #cscgrowth-v3 #connect .btn-outline:hover {<br />
      background: #f6c443;<br />
      color: #111;<br />
    }</p>
<p>    @media (max-width: 768px) {<br />
      #cscgrowth-v3 #connect {<br />
        padding: 60px 16px;<br />
      }</p>
<p>      #cscgrowth-v3 #connect h2 {<br />
        font-size: 1.8rem;<br />
      }</p>
<p>      #cscgrowth-v3 #connect .lead {<br />
        font-size: 1rem;<br />
        margin-bottom: 40px;<br />
      }<br />
    }<br />/* End custom CSS */