body{
font-family: 'Open Sans', sans-serif !important;
}
.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;
color:#fff !important;
text-transform:uppercase !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);
}
@media (max-width: 768px) {
  .bg-fixed { background-attachment: scroll; }
}
.footer-link li .nav-link{
font-weight: 400 !important;
color: #fff !important;
text-transform: capitalize !important;
}