* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    min-height: 100vh;
    color: #1a1a2e;
    overflow-x: hidden;
}
.section {
    margin: 60px 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Header */
.header,.nav,.nav-links{display:flex}
.btn-quote,.phone{text-decoration:none;font-weight:600}
.header{justify-content:space-between;align-items:center;padding:8px 60px;margin:0 auto;position:sticky;top:0;background:rgba(240,247,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px transparent;transition:.3s;z-index:1000}
.header.scrolled{background:rgba(255,255,255,.98);box-shadow:0 2px 20px rgba(0,0,0,.08)}
.header .logo-img{width:230px;position:relative;z-index:1002}
.nav{align-items:center}
.nav-links{gap:35px;list-style:none;margin:0;padding:0}
.nav-links>li{position:relative;list-style:none}
.nav-links>li>a{text-decoration:none;color:#333;font-size:15px;font-weight:500;transition:color .3s;display:flex;align-items:center;gap:5px;padding:10px 0}
.nav-links>li>a:hover{color:#06c}
.dropdown-arrow{width:12px!important;height:12px;transition:transform .3s;flex-shrink:0}
@media (min-width:1025px){
    .dropdown-menu,.dropdown-menu li{list-style:none}
    .nav-links>li:hover>a .dropdown-arrow{transform:rotate(180deg)}
    .dropdown-menu{position:absolute;top:100%;left:-20px;background:#fff;min-width:260px;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;padding:12px 0;z-index:1000;margin:0}
    .nav-links>li:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
    .dropdown-menu li a{display:flex;align-items:center;gap:12px;padding:12px 20px;text-decoration:none;color:#333;font-size:14px;font-weight:500;transition:.2s}
    .dropdown-menu li a:hover{background:#f0f7ff;color:#06c}
    .dropdown-menu li a .menu-icon{width:36px;height:36px;padding:7px;background:#f0f7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}
    .menu-icon-img{width:18px;height:18px}
    .dropdown-menu li a:hover .menu-icon{background:#06c}
    .dropdown-menu li a:hover .menu-icon-img{filter:brightness(0) invert(1)}
    .dropdown-menu li a .menu-icon svg{width:18px;height:18px;color:#06c;transition:.2s}
    .dropdown-menu li a:hover .menu-icon svg{color:#fff}
    .dropdown-menu .menu-text{display:flex;flex-direction:column}
}
.mobile-nav-cta{display:none}
.nav-right{display:flex;align-items:center;gap:25px}
.phone{display:flex;align-items:center;gap:8px;font-size:15px;color:#1a1a2e}
.phone-icon{width:18px;height:18px}
.btn-quote{background:#06c;color:#fff;padding:14px 24px;border-radius:8px;font-size:14px;transition:.3s}
.btn-quote:hover{background:#0052a3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,204,.3)}
.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;z-index:1002;background:0 0;border:none}
.mobile-menu-toggle span{width:25px;height:3px;background:#1a1a2e;border-radius:3px;transition:.3s;display:block}
.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,6px)}
.mobile-menu-toggle.active span:nth-child(2){opacity:0}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}
@media (max-width:1024px){
    .dropdown-menu,.dropdown-menu li{list-style:none}
    .header{padding:12px 30px}
    .nav-right{display:none}
    .mobile-menu-toggle{display:flex}
    .nav{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;background:#fff;z-index:1001;padding:100px 30px 30px;overflow-y:auto;transform:translateX(-100%);transition:transform .4s;flex-direction:column;align-items:stretch}
    .nav.active{transform:translateX(0)}
    .nav-links{flex-direction:column;gap:0;width:100%}
    .nav-links>li{border-bottom:1px solid #eee}
    .nav-links>li>a{justify-content:space-between;padding:18px 0;font-size:17px;font-weight:600;color:#1a1a2e;width:100%}
    .nav-links>li>a .dropdown-arrow{width:18px!important;height:18px}
    .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-radius:0;max-height:0;overflow:hidden;transition:max-height .4s,padding .3s;background:#f8fafc;margin:0 -30px;padding:0 30px}
    .nav-links>li.expanded .dropdown-menu{max-height:800px;padding:10px 30px 15px}
    .nav-links>li.expanded>a .dropdown-arrow{transform:rotate(180deg)}
    .dropdown-menu li a{display:flex;align-items:center;gap:12px;padding:14px 0;text-decoration:none;color:#555;font-size:15px;font-weight:500;border-bottom:1px solid #e5e5e5;transition:color .2s}
    .dropdown-menu li:last-child a{border-bottom:none}
    .dropdown-menu li a:hover{color:#06c;background:0 0}
    .dropdown-menu li a .menu-icon{width:40px;height:40px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
    .dropdown-menu li a .menu-icon svg{width:20px;height:20px;color:#06c}
    .dropdown-menu .menu-text{font-size:15px}
    .mobile-nav-cta .btn-quote,.mobile-nav-cta .phone{font-size:16px;text-decoration:none;font-weight:600}
    .mobile-nav-cta{display:flex;flex-direction:column;gap:15px;margin-top:30px;padding-top:30px;border-top:1px solid #eee}
    .mobile-nav-cta .phone{display:flex;justify-content:center;align-items:center;gap:10px;padding:16px;background:#f0f7ff;border-radius:10px;color:#1a1a2e}
    .mobile-nav-cta .phone .phone-icon{width:20px;height:20px}
    .mobile-nav-cta .btn-quote{display:block;text-align:center;padding:18px;background:#06c;color:#fff;border-radius:8px}
    .mobile-nav-cta .btn-quote:hover{background:#0052a3}
    .nav{display:flex;flex-direction:column}
    .nav-links{flex:0 0 auto}
}
@media (max-width:768px){
    .header{padding:12px 24px}
    .header img{width:180px}
    .menu-icon-img{width:22px!important;height:22px}
    .nav{padding:90px 24px 24px}
    .dropdown-menu{margin:0 -24px;padding:0 24px}
    .nav-links>li.expanded .dropdown-menu{padding:10px 24px 15px}
    .mobile-nav-cta .phone{font-size:15px;padding:14px}
    .mobile-nav-cta{margin-top:25px;padding-top:25px}
    .mobile-nav-cta .btn-quote{padding:16px;font-size:15px}
}
@media (max-width:480px){
    .header{padding:10px 16px}
    .header img{width:250px}
    .nav{padding:80px 16px 16px}
    .nav-links>li>a{font-size:16px;padding:16px 0}
    .dropdown-menu{margin:0 -16px;padding:0 16px}
    .nav-links>li.expanded .dropdown-menu{padding:8px 16px 12px}
    .dropdown-menu li a{padding:12px 0;font-size:14px}
    .dropdown-menu li a .menu-icon{width:36px;height:36px}
    .mobile-nav-cta{margin-top:20px;padding-top:20px;gap:12px}
    .mobile-nav-cta .phone{font-size:14px;padding:12px}
    .mobile-nav-cta .btn-quote{padding:14px;font-size:14px}
}
body.menu-open{overflow:hidden}
/* Header End */



.section-header h1 {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #1e293b;
    text-align: center;
    margin-top: 50px;
}
.product-pricing-section { max-width: 1100px; margin: 0 auto 3rem; padding: 0 1.5rem; font-family: 'Inter', sans-serif; }
.product-card {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
    align-items: flex-start;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 1.75rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    margin-bottom: 1.5rem !important;
}
.product-card-image {
    flex-shrink: 0;
    width: 220px;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product-card-image .device-label { font-size: 0.75rem; color: #6b7280; margin-bottom: 0.5rem; margin-bottom: 0.5rem;
    /* background: linear-gradient(135deg, #e3f6fc 0%, #f7fcfe 100%); */
    font-size: 15px;
    border-radius: 12px;
    /* color: #148899; */
    font-weight: 500;
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
    text-align: center;
    background: #045eb7;
    color: #fff;
}
.product-card-image .device-img {
    width: 100%;
    max-width: 180px;
    height: 140px;
    object-fit: contain;
    object-position: center;
    display: block;
}
.product-card-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
}
.product-banner { display: inline-flex; align-items: center; gap: 0.35rem; background: #059669; color: #fff; font-size: 0.8rem; font-weight: 600; padding: 0.25rem 0.5rem; border-radius: 4px; margin-bottom: 0.5rem; }
.product-banner i { font-size: 1rem; }
.product-title { font-size: 2rem; font-weight: 700; margin: 0 0 0.75rem; color: #111827;    margin-top: .5rem !important; }
.product-desc { font-size:16px; color: #4b5563; line-height: 1.5; margin: 0;margin-bottom: .5rem !important; }
.device-badge {
    font-weight: 450;
    color: #222;
}
.device-badge {
    display: inline-flex;
    align-items: center;
    border: 1.6px solid #e4f1ea;
    border-radius: 1.2rem;
    background: #fff;
    padding: 6px 18px;
    font-size: 1.09rem;
    gap: 7px;
    min-width: 220px;
    max-width: 99vw;
}
.icon-check {
    width: 21px;
    height: 21px;
    background: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8 0C9.15 0 10.15 0.646875 10.6531 1.59687C11.6812 1.28125 12.8438 1.53125 13.6562 2.34375C14.4688 3.15625 14.7188 4.32188 14.4031 5.34688C15.3531 5.85 16 6.85 16 8C16 9.15 15.3531 10.15 14.4031 10.6531C14.7188 11.6812 14.4688 12.8438 13.6562 13.6562C12.8438 14.4688 11.6781 14.7188 10.6531 14.4031C10.15 15.3531 9.15 16 8 16C6.85 16 5.85 15.3531 5.34688 14.4031C4.31875 14.7188 3.15625 14.4688 2.34375 13.6562C1.53125 12.8438 1.28125 11.6781 1.59687 10.6531C0.646875 10.15 0 9.15 0 8C0 6.85 0.646875 5.85 1.59687 5.34688C1.28125 4.31875 1.53125 3.15625 2.34375 2.34375C3.15625 1.53125 4.32188 1.28125 5.34688 1.59687C5.85 0.646875 6.85 0 8 0ZM11.5312 6.53125C11.825 6.2375 11.825 5.7625 11.5312 5.47188C11.2375 5.18125 10.7625 5.17813 10.4719 5.47188L7.00313 8.94063L5.53438 7.47188C5.24063 7.17813 4.76562 7.17813 4.475 7.47188C4.18437 7.76562 4.18125 8.24063 4.475 8.53125L6.475 10.5312C6.76875 10.825 7.24375 10.825 7.53438 10.5312L11.5312 6.53125Z" fill="url(%23paint0_linear_1_431)"/><defs><linearGradient id="paint0_linear_1_431" x1="0" y1="8" x2="16" y2="8" gradientUnits="userSpaceOnUse"><stop stop-color="%23009600"/><stop offset="1" stop-color="%2318ADC0"/></linearGradient></defs></svg>')
      no-repeat center/contain;
    margin-right: 8px;
  }
.icon-free {
    color: rgb(18, 40, 46, 0.7);
}
.device-free {
    font-weight: 700;
    color: #029810;
}
.price-card {
    display: flex;
    border: 1.7px solid #2da2b1;
    border-radius: 16px;
    background: linear-gradient(to bottom, #dcf4f7 0%, rgba(220, 244, 247, 0.4) 100%);
    padding: 7px 12px;
    max-width: 450px;
    justify-content: space-between;
    align-items: flex-start;
}
.price-card-col {
    flex: 1 1 0;
    min-width: 140px;
}
.price-label {
    font-size: 0.8rem;
    color: #2a2b2a;
    font-weight: 500;
}
@media (min-width: 992px) {
    .align-items-lg-start {
        align-items: flex-start !important;
    }
}
.d-flex {
    display: flex !important;
}
.price-value {
    font-weight: 700;
    font-size: 1.2rem;
    color: #2a2b2a;
    margin-right: 6px;
    letter-spacing: 0.5px;
}
.price-desc {
    font-size: 0.7rem;
    color: #8796a9;
    font-weight: 440;
}
.border-col {
    border-left: 1.2px solid #e1e8ed;
    margin-left: 12px;
    padding-left: 30px;
}

.price-card-col {
    flex: 1 1 0;
    min-width: 140px;
}
.price-label {
    font-size: 0.8rem;
    color: #2a2b2a;
    font-weight: 500;
    margin-bottom: 6px;
}
.price-value {
    font-weight: 700;
    font-size: 1.2rem;
    color: #2a2b2a;
    margin-right: 6px;
    letter-spacing: 0.5px;
}
.price-desc {
    font-size: 0.7rem;
    color: #8796a9;
    font-weight: 440;
}
.country-select-responsive {
    width: 100%;
    max-width: 495px;
}
.custom-country-select {
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    color: #334053;
    border: 1.7px solid #e4e9f1;
    border-radius: 13px;
    padding: 9px 12px;
    background: #fff
      url('data:image/svg+xml;utf8,<svg fill="gray" height="18" width="18" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l4 0" stroke="gray" stroke-width="2" fill="none" /><polyline points="6,8 10,12 14,8" stroke="gray" stroke-width="2" fill="none"/></svg>')
      no-repeat right 18px center/18px;
    appearance: none;
    box-shadow: none;
    transition: all 0.18s;
    margin-top: 10px;
}
.plan-info {
    margin-top: 20px;
    margin-bottom: 10px;
}
.plan-title {
    font-size: 16px;
    font-weight: 600;
    color: #334053;
    margin-bottom: 7px;
    line-height: 1.06;
    font-family: inherit;
}
.plan-note {
    color: #637187;
    font-size: 1rem;
    font-weight: 430;
    line-height: 1.28;
    font-family: inherit;
}
.gap-3 {
    gap: 1rem !important;
}
.plan-card-active {
    background: linear-gradient(135deg, #e3f6fc 0%, #f7fcfe 100%) !important;
    border-color: #148899 !important;
    position: relative;
}
.plan-card {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 16px;
    min-width: 170px;
    padding: 0.8rem 0.8rem;
    max-width: 240px;
    transition: box-shadow 0.15s;
}
.flex-fill {
    flex: 1 1 auto !important;
}

.position-relative {
    position: relative !important;
}
.mb-2 {
    margin-bottom: .5rem !important;
}

.align-items-center {
    align-items: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.plan-card .badge {
    font-size: 0.8rem;
    border-radius: 8px;
    padding: 7px 17px 7px 17px;
}
.plan-basic-badge {
    background: #148899;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
}
.plan-card-check {
    display: inline-block;
    color: #14b87a;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 50%;
    background: #eafaf3;
    width: 2rem;
    height: 2rem;
    text-align: center;
    vertical-align: middle;
    line-height: 2rem;
    margin-left: 6px;
}
.plan-card-price {
    font-size: 1.3rem;
    color: #273d4d;
    letter-spacing: 1px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
    display: flex;
    font-weight: 700;
    padding-top: 2px;
}
.styling--card {
    padding-bottom: 10px;
    margin-top: 14px;
}
.text-muted-1 {
    font-weight: 400 !important;
    font-size: 14px;
    color: #777777;
}
.ps-3 {
    padding-left: 1rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.plan-list {
    font-size: 0.97rem;
    line-height: 1.3;
    color: #334053;
}
.plan-card {
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 16px;
    min-width: 170px;
    padding: 0.8rem 0.8rem;
    max-width: 240px;
    transition: box-shadow 0.15s;
}

@media (max-width: 768px) {
    .product-card {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .product-card-image {
        width: 100%;
        min-width: 100%;
        align-items: center;
    }
    .product-card-image .device-img {
        max-width: 180px;
        height: auto;
        margin: 0 auto;
    }
}
@media (max-width: 480px) {
    .product-card {
        border: none;
        border-bottom: 1px solid #ededed;
        margin-bottom: 15px;
        border-radius: 0px;
        padding: 1.75rem 0;
    }
}





/* Footer section start */
.footer-social a:hover,.scroll-top:hover{transform:translateY(-4px)}
.footer{background:#1e293b;color:#fff;padding:80px 60px 0;position:relative;overflow:hidden}
.footer-contact-icon-img{width:34px;height:34px;padding:6px}
.footer-social-icon-img{width:21px;height:21px}
.footer-social a:hover .footer-social-icon-img{filter:brightness(0) invert(1)}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06c,#00a8e8,#06c)}
.footer-container{max-width:1440px;margin:0 auto}
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand h3,.footer-social{gap:12px;display:flex}
.footer-brand h3{font-size:24px;font-weight:800;margin-bottom:20px;align-items:center}
.footer-brand h3 span,.footer-contact-text a:hover{color:#00a8e8}
.footer-brand-icon{width:40px;height:40px;background:linear-gradient(135deg,#06c,#00a8e8);border-radius:10px;display:flex;align-items:center;justify-content:center}
.footer-brand-icon svg{width:22px;height:22px;color:#fff}
.footer-brand p{color:#94a3b8;line-height:1.8;margin-bottom:28px;font-size:15px}
.footer-logo{width:70%}
.footer-social a{width:44px;height:44px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:.3s}
.footer-social a:hover{background:#06c;border-color:#06c}
.footer-social a svg{width:20px;height:20px;color:#94a3b8;transition:color .3s}
.footer-social a:hover svg{color:#fff}
.footer-column p{font-size:18px;font-weight:700;margin-bottom:28px;position:relative;padding-bottom:12px}
.footer-column p::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,#06c,#00a8e8);border-radius:2px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:14px}
.footer-links li a{color:#94a3b8;text-decoration:none;font-size:15px;display:flex;align-items:center;gap:8px;transition:.3s}
.footer-links li a::before{content:'';width:6px;height:6px;background:#06c;border-radius:50%;opacity:0;transition:.3s}
.footer-links li a:hover{color:#fff;transform:translateX(8px)}
.footer-links li a:hover::before{opacity:1}
.footer-contact-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.footer-contact-icon{width:48px;height:48px;background:rgba(0,102,204,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.footer-contact-icon svg{width:22px;height:22px;color:#00a8e8}
.footer-contact-text{display:flex;flex-direction:column;gap:4px}
.footer-links-wrapper{display:contents}
.footer-contact-text span{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:1px}
.footer-contact-text a,.footer-contact-text p{color:#e2e8f0;text-decoration:none;font-size:15px;font-weight:500;margin:0;transition:color .3s}
.footer-contact-text p:after{content:none}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:30px 0}
.footer-copyright{color:#64748b;font-size:13px}
.footer-copyright strong{color:#00a8e8;font-weight:600}
.scroll-top{width:48px;height:48px;background:#1e74ac;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}
.scroll-top svg{width:24px;height:24px;color:#fff}
@media (max-width:1024px){
    .footer{padding:60px 40px 0}
    .footer-main{grid-template-columns:repeat(2,1fr);gap:40px}
}
@media (max-width:768px){
    .footer{padding:50px 24px 0}
    .footer-main{grid-template-columns:1fr;gap:40px}
    .footer-brand,.footer-contact{text-align:center}
    .footer-brand h3,.footer-links li a,.footer-social{justify-content:center}
    .footer-column p::after,.footer-contact h4::after{left:50%;transform:translateX(-50%)}
    .footer-links-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;text-align:center}
    .footer-links li a::before{display:none}
    .footer-contact-items{flex-direction:column;gap:16px;margin:0;display:grid;text-align:left;align-items:center;justify-content:center}
    .footer-contact-item{flex-direction:row;align-items:center;justify-content:center;text-align:left;margin-bottom:0}
    .footer-contact-icon{width:44px;height:44px}
    .footer-bottom{flex-direction:column;gap:20px;text-align:center}
}
@media (max-width:480px){
    .footer{padding:40px 16px 0}
    .footer-brand h3{font-size:20px}
    .footer-links-wrapper{grid-template-columns:repeat(2,1fr);gap:20px}
    .footer-column p{font-size:16px;margin-bottom:20px}
    .footer-links{gap:10px}
    .footer-contact-text a,.footer-contact-text p,.footer-links li a{font-size:14px}
    .footer-contact-item{justify-content:flex-start}
    .footer-contact-icon{width:40px;height:40px}
    .footer-contact-icon svg{width:18px;height:18px}
    .footer-contact-text p{margin-bottom:0}
}
/* footer section end */