/* style.css */

/* ================= GLOBAL ================= */

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

/* ================= NAVBAR ================= */

.navbar{
    background:#f3f3f3;
}

.nav-link{
    color:#002b7f !important;
    font-size:18px;
    font-weight:500;
}

.nav-link:hover{
    color:#0d6efd !important;
}

/* ================= HERO SECTION ================= */

.hero-section{
    background:#e5d52f;
    padding:70px 0;
}

.hero-img{
    max-width:320px;
}

.hero-title{
    color:#002b7f;
    font-size:60px;
    font-weight:700;
}

/* ================= ABOUT SECTION ================= */

.about-section{
    background:#002b7f;
    padding:80px 0;
}

.about-title{
    color:white;
    font-size:55px;
    margin-bottom:30px;
}

.about-text{
    color:white;
    font-size:22px;
    line-height:1.8;
    max-width:900px;
    margin:auto;
}

/* ================= RESPONSIVE ================= */

@media(max-width:768px){

    .hero-title{
        font-size:40px;
    }

    .about-title{
        font-size:35px;
    }

    .about-text{
        font-size:18px;
    }
}

/* ================= RENEW ================= */

.renew-section{
  padding:80px 0;
  background:#f6f6f6;
}

.renew-heading{
  text-align:center;
  font-size:60px;
  font-weight:700;
  margin-bottom:50px;
  color:#2b2b3d;
}

.renew-box{
  border:3px solid #3c3442;
  border-radius:35px;
  padding:50px;
  background:#fff;
}

.renew-box h3{
  font-size:42px;
  font-weight:700;
  margin-bottom:25px;
}

.renew-box p{
  font-size:24px;
  line-height:1.8;
}

.renew-box ul{
  margin-top:20px;
}

.renew-box ul li{
  font-size:22px;
  margin-bottom:15px;
}

.invoice-img{
  width:150px;
  margin-top:20px;
}

/* ================= CHAT BUTTON ================= */

.chat-btn{
  position:fixed;
  bottom:25px;
  right:25px;
  background:#b66a00;
  color:#fff;
  text-decoration:none;
  padding:18px 35px;
  border-radius:50px;
  font-size:22px;
  font-weight:600;
  z-index:999;
}

.chat-btn i{
  margin-right:10px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:991px){

  .hero-title,
  .section-title,
  .price-heading,
  .renew-heading{
    font-size:38px;
  }

  .hero-text,
  .about-text,
  .renew-box p,
  .renew-box ul li{
    font-size:18px;
  }

  .renew-box h3{
    font-size:28px;
  }

  .new-price{
    font-size:40px;
  }

  .hero-area{
    text-align:center;
  }
}