body {
      font-family: 'Open Sans', sans-serif !important;
      }
      /* Mobile view → only white bg */
      .banner {
      background: #ffffff;
      }
      .banner-section h2{
      font-size:38px;
      }
	   .header-para{
font-size: 22px;
    text-align: justify;
}
	   .banner {
  background: linear-gradient(to right, #ffffff 0%, transparent 0%), 
              url(https://unitedtvinternet.com/wp-content/uploads/2025/09/hero-banner-1.webp) 
              no-repeat center left;
  background-size: cover;
}

      /* Tablet and Desktop → gradient + image */
      @media (min-width: 768px) {
      .banner {
      background: linear-gradient(to right, #ffffff 29%, transparent 50%), 
      url(https://nowgetconnect.com/assets/images/hero-banner-1.jpeg) 
      no-repeat center right;
      background-size: cover;
      }
      .banner-section h2{
      font-size:50px;
      }
      .header-para{
      font-size:20px;
      }
      }
       .feature-icon {
      width: 76px;
      height: 76px;
      }
       .feature-icon i {
      font-size: 1.75rem;
      }
      /* ===== Fluent Form Bootstrap Style ===== */
      /* Form container */
      .fluentform {
      background: #fff;
      padding: 25px;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      font-family: 'Open Sans', sans-serif;
      }
      /* Labels */
      .fluentform label {
      font-weight: 600;
      margin-bottom: 6px;
      display: block;
      color: #333;
      }
      /* Inputs, textarea */
      .fluentform input[type="text"],
      .fluentform input[type="email"],
      .fluentform input[type="tel"],
      .fluentform input[type="number"],
      .fluentform textarea,
      .fluentform select {
      width: 100%;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 10px 14px;
      font-size: 15px;
      transition: all 0.3s ease;
      background: #fafafa;
      }
      /* Focus effect */
      .fluentform input:focus,
      .fluentform textarea:focus,
      .fluentform select:focus {
      border-color: #0d6efd; /* Bootstrap primary */
      box-shadow: 0 0 0 0.2rem rgba(13,110,253,.25);
      background: #fff;
      outline: none;
      }
      /* Button */
      .fluentform .ff-btn-submit {
      background: #0d6efd; /* Bootstrap primary */
      color: #fff;
      border: none;
      border-radius: 50px; /* pill button */
      padding: 10px 28px;
      font-size: 16px;
      font-weight: 600;
      transition: all 0.3s ease;
      cursor: pointer;
      }
      .fluentform .ff-btn-submit:hover {
      background: #0b5ed7;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(13,110,253,.3);
      }
      /* Error messages */
      .fluentform .ff-errors-in-stack {
      color: #dc3545;
      margin-top: 10px;
      font-size: 14px;
      }
      /* Shake animation */
      @keyframes shake {
      0% { transform: rotate(0deg); }
      20% { transform: rotate(15deg); }
      40% { transform: rotate(-15deg); }
      60% { transform: rotate(10deg); }
      80% { transform: rotate(-10deg); }
      100% { transform: rotate(0deg); }
      }
      /* Apply animation to phone icon */
      .shake-icon {
      display: inline-block;
      animation: shake 0.8s infinite;
      transform-origin: center;
      }
	   footer a{
		color:#fff !important;
	text-decoration:none;
	list-style-type:none;
	   }
	   footer ul li{
	list-style-type:none;
	   }
.menu-item .nav-link{
font-weight:bold !important;
}
.hover-lift {
    transition: transform 0.25s 
ease, box-shadow 0.25s 
ease;
}
.hover-lift:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
}