body{
font-family: Arial, Helvetica, sans-serif;
}

.hero-section{
background:#f2f5f9;
padding:40px 0;
}

.hero-box{
background:#e9eff6;
padding:50px;
border-radius:20px;
}
.hero-box img{
    border-radius: 15px;
}

.hero-title{
font-size:52px;
font-weight:800;
color:#0a2a4a;
}

.hero-desc{
margin-top:20px;
font-size: 18px;
color:#444;
}

.price{
margin-top:20px;
font-size:14px;
color:#666;
}

.amount{
font-size:40px;
font-weight:700;
color:#0a2a4a;
}

.amount span{
font-size:18px;
}

.small-text{
font-size:13px;
color:#666;
}

.shop-btn{
background:#1a73e8;
color:white;
padding:10px 25px;
border-radius:30px;
margin-top:15px;
}
.shop-btn-2{
    border: #1a5be8 2px solid;
color:black;
padding:10px 25px;
border-radius:30px;
margin-top:15px;
}

.note{
font-size:12px;
margin-top:20px;
color:#777;
}

.right-box{
background:#1a5be8;
padding:60px 40px;
border-radius:20px;
text-align:center;
}

.online{
background:white;
padding:25px;
font-weight:800;
font-size:30px;
color:#1a5be8;
border-radius:20px;
}

.bundle{
background:white;
padding:15px;
margin-top:20px;
font-weight:700;
color:#1a5be8;
border-radius:20px;
}

body{
background:#f5f6f8;
font-family:Arial, Helvetica, sans-serif;
}

.plans-section{
padding:80px 0;
}

.section-title{
font-size:36px;
font-weight:700;
margin-bottom:10px;
}

.section-subtitle{
color:#555;
font-size:17px;
}

.blue{
color:#0d6efd;
}

.plan-card{
background:#fff;
padding:30px;
border-radius:15px;
border:1px solid #ddd;
position:relative;
height:100%;
}

.badge-tag{
position:absolute;
top:-12px;
left:20px;
background:#ffcc00;
padding:6px 14px;
border-radius:20px;
font-size:13px;
font-weight:600;
}

.plan-label{
font-size:12px;
letter-spacing:2px;
color:#555;
margin-top:10px;
}

.plan-title{
font-weight:700;
margin-bottom:10px;
}

.plan-desc{
color:#555;
font-size:14px;
margin-bottom:15px;
}

.old-price{
text-decoration:line-through;
color:#999;
font-size:14px;
margin-bottom:0;
}

.price{
font-size:40px;
font-weight:700;
}

.price span{
font-size:16px;
font-weight:400;
}

.year{
color:#777;
font-size:13px;
margin-bottom:15px;
}

.shop-btn{
background:#0d6efd;
color:#fff;
border-radius:30px;
padding:10px 25px;
font-weight:600;
}

.shop-btn:hover{
background:#0b5ed7;
color:#fff;
}

ul{
padding-left:18px;
margin-top:15px;
}

ul li{
margin-bottom:8px;
font-size:14px;
color:#333;
}
.mobile-section{
padding:30px 0;
background:#f5f6f8;
font-family:Arial, sans-serif;
}

/* TOP BANNER */
.top-banner{
background:#fff;
padding:30px;
border-radius:15px;
border:1px solid #ddd;
margin-bottom:40px;
}

.top-banner h3{
font-weight:700;
margin-bottom:10px;
}

.top-banner p{
color:#555;
font-size:14px;
margin-bottom:15px;
}

.learn-btn{
background:#0d6efd;
color:#fff;
border-radius:25px;
padding:10px 20px;
font-weight:600;
}

.learn-btn:hover{
background:#0b5ed7;
color:#fff;
}

.banner-img{
border-radius:10px;
}

/* HEADINGS */
.main-heading{
font-size:30px;
font-weight:700;
margin-bottom:10px;
}

.sub-text{
color:#555;
max-width:600px;
}

/* CARDS */
.mobile-card{
background:#fff;
border-radius:15px;
overflow:hidden;
border:1px solid #ddd;
height:100%;
}

.card-img{
width:100%;
height:220px;
object-fit:cover;
}

.card-content{
padding:20px;
}

.card-content h5{
font-weight:700;
margin-bottom:10px;
}

.card-content p{
font-size:14px;
color:#555;
}

.card-link{
color:#0d6efd;
font-weight:600;
text-decoration:none;
}

.card-link:hover{
text-decoration:underline;
}



.business-box{
    background:#f0f6fff5;
    border:1px solid #cfcfcf;
    border-radius:20px;
    padding:50px 60px;
}
.text-1{
    font-size: 16px;
}

.business-content h5{
    font-size:18px;
    letter-spacing:3px;
    color:#5a4a3f;
    margin-bottom:15px;
    font-weight:500;
}

.business-content h1{
    font-size:45px;
    font-weight:700;
    color:#000;
    line-height:1.1;
    margin-bottom:20px;
}

.business-content p{
    font-size:18px;
    color:#222;
    line-height:1.6;
    max-width:520px;
    margin-bottom:20px;
}

.business-content a{
    color:#0066ff;
    font-size:18px;
    font-weight:600;
    text-decoration:none;
}

.business-content a span{
    font-size:24px;
    vertical-align:middle;
}

.award-img{
    max-height:320px;
}


.spectrum-footer{
    background:#001f3f;
    color:#fff;
    padding:40px 0 20px;
}

.footer-logo img{
    width:120px;
    filter: brightness(0) invert(1);
}

.social-icons a{
    color:#fff;
    font-size:28px;
    margin-left:15px;
    text-decoration:none;
}

.footer-links h5{
    font-size:30px;
    letter-spacing:4px;
    margin-bottom:20px;
    font-weight:400;
}

.footer-links ul{
    padding:0;
    margin:0;
    list-style:none;
}

.footer-links ul li{
    margin-bottom:12px;
}

.footer-links ul li a{
    color:#fff;
    text-decoration:none;
    font-size:22px;
}

.footer-links ul li a:hover{
    text-decoration:underline;
}

.footer-bottom-links{
    font-size:14px;
    line-height:1.8;
}

.footer-bottom-links a{
    color:#fff;
    text-decoration:none;
}

.footer-note{
    font-size:14px;
    line-height:1.7;
}

.copyright{
    font-size:14px;
}

.address-section {
      background: #f2f2f2;
      padding: 10px 0;
    }

    .address-box {
      background: #fff;
      border-radius: 50px;
      display: flex;
      width: 60%;
      margin: auto;
      align-items: center;
      overflow: hidden;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .address-box input {
      border: none;
      outline: none;
      width: 50%;
      padding: 10px 10px;
    }

    .address-box input::placeholder {
      color: #777;
    }

    .btn-check {
      background: #1e73d8;
      color: #fff;
      border: none;
      padding: 15px 30px;
      border-radius: 50px;
      white-space: nowrap;
      transition: 0.3s;
    }

    .btn-check:hover {
      background: #155bb5;
    }


@media(max-width:991px){
       .footer-links h5{
        font-size:22px;
    }

    .footer-links ul li a{
        font-size:16px;
    }

    .social-icons{
        margin-top:20px;
    }
    .business-box{
        padding:30px;
    }

    .business-content h1{
        font-size:42px;
    }

    .award-img{
        margin-top:30px;
    }
}

@media(max-width:768px){
    .business-content h1{
        font-size:34px;
    }

    .business-content p{
        font-size:16px;
    }
    .business-box{
    background:#f0f6fff5;
    border:1px solid #cfcfcf;
    border-radius:20px;
    padding:20px 10px;
}
     .address-box {
        flex-direction: column;
        border-radius: 20px;
      }
      .btn-1{
        width: 70%;
        

      }
      .hero-box{
background:#e9eff6;
padding:20px;
border-radius:20px;
}
.hero-title{
font-size:45px;
font-weight:800;
color:#0a2a4a;
}
}