:root { scroll-behavior: smooth; }
body { font-family: "Open Sans", sans-serif; color: #444; }
a { color: #2562d1; text-decoration: none; }
a:hover { color: #717ff5; }
h1, h2, h3, h4, h5, h6 { font-family: "Nunito", sans-serif; }
section { padding: 30px 0; overflow: hidden; }
.preloader { position: fixed; inset: 0; background: #f8f9fa; display: flex; justify-content: center; align-items: center; z-index: 1000; }
.spinner { margin: 0 auto; text-align: center; }
.loaded .preloader { display: none; }
.header { transition: all .5s; z-index: 997; padding: 0 0 10px; background-color: transparent; }
.header.header-scrolled { background: #fff; box-shadow: 0 2px 20px rgba(1, 41, 112, .1); }
.logo { gap: 10px; line-height: 1; color: #160e4b; }
.logo:hover { color: #160e4b; }
.logo-mark, .footer-logo { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background: linear-gradient(294.77deg, #0722bb 23.26%, #1288c6 59.56%); color: #fff; font-family: Poppins, sans-serif; font-weight: 700; font-size: 24px; letter-spacing: 0; }
.logo-text { font-family: Poppins, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.05; max-width: 190px; }
.navbar { padding: 0; }
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; }
.navbar li { position: relative; padding-right: 40px; }
.navbar li a { font-size: 18px; font-family: Poppins, sans-serif; color: #111; }
.mobile-nav-toggle { color: #012970; font-size: 28px; cursor: pointer; display: none; line-height: 0; transition: .5s; }
.mobile-nav-toggle.bi-x { color: #fff; }
.main-carousel { background: url("../img/mainbg.png") no-repeat; background-size: cover; padding: 98px 0; }
.banner_cnt { font-size: 24px; font-weight: 500; font-family: "Open Sans", sans-serif; }
.banner_main { font-size: 73px; font-weight: 600; font-family: Poppins, sans-serif; line-height: 1.1; color: #111; }
.callnow { font-size: 25px; font-weight: 700; font-family: Poppins, sans-serif; color: #2a2a2a; margin-bottom: 0; }
.tfn, .tfn:hover { background-color: #2562d1; color: #fff; font-size: 27px; padding: 6px 27px; margin-top: 12px; border-radius: 4px; }
.about { background: #fff; }
.about-main { font-size: 18px; font-weight: 400; text-transform: uppercase; font-family: "Open Sans", sans-serif; background: linear-gradient(294.77deg, #0722bb 23.26%, #1288c6 59.56%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.about-main2 { font-size: 40px; font-weight: 700; font-family: Poppins, sans-serif; color: #2a2a2a; }
.p-cnt { font-weight: 400; font-size: 22px; color: #000; font-family: Inter, sans-serif; padding-top: 16px; line-height: 26.63px; }
.card_ser { min-height: 371px; background-color: #f2fbff; border-radius: 25px; }
.card_ser2 { min-height: 309px; background-color: #f2fbff; border-radius: 25px; }
.card-text2 { font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; }
.c_head { font-family: Inter, sans-serif; font-size: 20px; font-weight: 700; line-height: 30px; text-align: center; padding-top: 17px; }
.speed-cnt { font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; text-align: left; margin-bottom: 0; }
.fone { padding-left: 0; margin-bottom: 0; }
.fone span { font-family: Inter, sans-serif; font-size: 22px; font-weight: 700; line-height: 33px; text-align: center; }
.fone li { display: flex; align-items: center; margin: 10px 0; list-style: none; color: #111; line-height: 28px; font-size: 20px; }
.fone li:before { display: block; flex-shrink: 0; width: 20px; height: 20px; margin-right: 10px; vertical-align: middle; background: url("../img/tick.png") no-repeat left center; background-size: contain; content: ""; }
.p_top { background-color: #160e4b; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.p_top p { font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 700; margin: 0; padding: 6px 0; }
.plans { min-height: 641px; border-radius: 4px; }
.dollar { font-family: Poppins, sans-serif; font-size: 30px; font-weight: 600; line-height: 45.36px; text-align: center; color: #316de3; }
.startingfrom { margin-bottom: 0; font-size: 13px; }
.fone2 { padding-left: 0; margin-top: -13px; }
.fone2 span { font-family: Inter, sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; text-align: left; margin-bottom: 0; }
.fone2 li { position: relative; padding-left: 30px; line-height: 1.5; list-style: none; text-align: left; padding-top: 9px; }
.fone2 li:before { content: ""; display: inline-block; width: 20px; height: 20px; position: absolute; left: 0; top: 22px; transform: translateY(-50%); background-image: url("../img/tick2.png"); background-repeat: no-repeat; background-size: contain; }
.back-to-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background: #09319c; width: 40px; height: 40px; border-radius: 4px; transition: all .4s; }
.back-to-top i { font-size: 24px; color: #fff; line-height: 0; }
.back-to-top.active { visibility: visible; opacity: 1; }
.footer { background: #2b2b2b; padding: 0 0 8px; font-size: 14px; }
.footer .footer-top { padding: 34px 0 13px; }
.fcnt { color: #d3d3d3; font-family: Poppins, sans-serif; font-size: 14px; font-weight: 400; line-height: 25.2px; text-align: left; }
.copyright { padding-top: 0; }
@media (max-width: 1200px) {
  .mobile-nav-toggle { display: block; }
  .navbar ul { display: none; }
  .navbar-mobile { position: fixed; overflow: hidden; inset: 0; background: rgba(1, 22, 61, .9); transition: .3s; }
  .navbar-mobile .mobile-nav-toggle { position: absolute; top: 15px; right: 15px; }
  .navbar-mobile ul { display: block; position: absolute; top: 55px; right: 15px; bottom: 15px; left: 15px; padding: 10px 0; border-radius: 10px; background: #fff; overflow-y: auto; transition: .3s; }
  .navbar-mobile a { padding: 10px 20px; font-size: 15px; color: #012970; }
}
@media (max-width: 768px) {
  .banner_cnt { padding-top: 45px; }
  .banner_main { font-size: 46px; }
  .about-main2 { font-size: 32px; }
  .p-cnt { font-size: 18px; }
  .logo-mark { width: 56px; height: 56px; font-size: 19px; }
  .logo-text { font-size: 13px; max-width: 150px; }
}
@media (max-width: 575.98px) {
  .banner_main { font-size: 54px; }
  .banner_cnt { padding-top: 42px; }
  .fone span { font-size: 17px; text-align: left; }
  .tfn, .tfn:hover { font-size: 20px; }
}