@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


@import url('../css/owl.carousel.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/simple-line-icons.css');
@import url('../css/fancybox.min.css'); 
@import url('../css/aos.css'); 
@import url('../css/star-rating.css');


@font-face {
  font-family: '';
  src: url('../fonts/.otf'); 
  font-weight:400;
  font-display: swap; 
}


/*::-webkit-scrollbar {
	width: 10px;
	border-radius: 100px
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px #1a1a1a;
	border-radius: 100px
}

::-webkit-scrollbar-thumb {
	background-color: #1a1a1a;
	border-radius: 100px
}*/


/*header css*/
.hidden_header{height:83px;}
header{position:fixed; z-index:99; left:0; top:0; right:0; background:rgba(255,255,255,0.82); border-bottom:rgb(226 232 240) solid 1px; backdrop-filter:blur(24px) saturate(1.8);}
header .d-flex{align-items:center;}
.header-shrink{border-color:#ebf0fb; transition:all 0.3s ease-in-out;}
header .btn{margin-top:0; padding:12px 20px; font-size:15px;}


/*menu dropdown*/
.navbar-expand-lg{padding:0; width:60%; margin-left:auto; margin-right:1rem;}
.dropdown:hover > .dropdown-menu{visibility:visible; opacity:1; z-index:1; transform:translateY(0%); transition-delay:0s, 0s, 0.3s;}
.dropdown > .dropdown-toggle:active{pointer-events:none;}
.dropdown-menu li:last-child a{border-bottom:none;}
.navbar-light .navbar-nav .nav-link .fa{font-size:15px;}
.dropdown-item img{width:18px; margin-right:10px;}
.navbar-nav .dropdown-menu .dropdown .dropdown-menu{left:100%; top:0;}

/*-- banner --*/
.banner{position:relative; background:#050f2c; color:#8a9bb8; z-index:1;}
.banner:before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 70% 50%, rgba(20, 87, 255, 0.18) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 20% 80%, rgba(255, 107, 26, 0.08) 0%, transparent 50%), #050f2c; z-index:-1;}
.banner:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size:60px 60px; z-index:-1;}
.banner_text{position:relative; display:flex;align-items:flex-start; justify-content:center; flex-direction:column; height:100%;}
.banner_heading{font-family:inter; font-size:75px; color:#fff; line-height:1.2; font-weight:800; margin-bottom:1rem;}
.banner_heading span{color:#5fa4f9;}
.banner .head{font-size:13px; color:#93C5FD; font-weight:400; margin-bottom:1rem; letter-spacing:.5px; line-height:normal; background:rgba(20, 87, 255, 0.15); border:1px solid rgba(20, 87, 255, 0.3); padding:6px 15px 6px 35px; border-radius:15px; display:inline-block; position:relative;}
.banner .head:before{content:''; position:absolute; left:15px; top:12px; width:5px; height:5px; border-radius:50%; background:#4ADE80; box-shadow:0 0 6px #4ade80; animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}
@keyframes pulse{
	50%{opacity:.5}
}

.hero-visual{position:relative; display:flex; align-items:center; justify-content:center; animation:fadeUp 0.7s 0.2s ease both;}
.phone-wrap{position:relative; width:260px; height:500px;}
.phone-body{width:260px; height:500px; background:linear-gradient(160deg, #1A2A5E, #0D1A40); border-radius:40px; border:1.5px solid rgba(255,255,255,0.12); box-shadow:0 0 80px rgba(20,87,255,0.25), 0 40px 80px rgba(0,0,0,0.5), inset 0 0 40px rgba(20,87,255,0.05); display:flex; flex-direction:column; overflow:hidden; position:relative;}
.phone-screen{flex:1; padding:20px 16px; display:flex; flex-direction:column; gap:10px;}
.phone-top-bar{display:flex; justify-content:space-between; align-items:center; margin-bottom:8px;}
.phone-status {font-size: 10px; color:rgba(255,255,255,0.4);}
.phone-notch{width:60px; height:16px; background:#050F2C; border-radius:10px;}
.phone-header-label{font-size:9px; font-weight:600; letter-spacing:1px; color:rgba(255,255,255,0.4); text-transform:uppercase;
margin-bottom:4px;}
.phone-title{font-size:13px; font-weight:700; color:#fff; margin-bottom:12px;}
.channel-row{background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.07); border-radius:10px; padding:10px 12px; display:flex; align-items:center; gap:10px; transition:background 0.3s;}
.channel-row:nth-child(odd) {animation: slideIn 0.5s ease both;}
.ch-icon{width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0;}
.ch-icon.rcs{background:rgba(20,87,255,0.25);}
.ch-icon.sms{background:rgba(16,185,129,0.2); }
.ch-icon.email{background:rgba(245,158,11,0.2);}
.ch-icon.voice{background:rgba(168,85,247,0.2);}
.ch-info{flex:1; min-width:0;}
.ch-name{font-size:10px; font-weight:600; color:#fff;}
.ch-stat-bar{height:3px; background:rgba(255,255,255,0.1); border-radius:10px; margin-top:4px; overflow:hidden;}
.ch-stat-fill{height:100%; border-radius:10px; animation:grow 2s ease both;}
.ch-stat-fill.rcs {width:92%; background:linear-gradient(90deg, var(--blue), #60A5FA); animation-delay:0.5s;}
.ch-stat-fill.sms {width:97%; background:linear-gradient(90deg, #10B981, #34D399); animation-delay:0.7s;}
.ch-stat-fill.email{width:78%; background:linear-gradient(90deg, #F59E0B, #FCD34D); animation-delay:0.9s;}
.ch-stat-fill.voice{width:84%; background:linear-gradient(90deg, #A855F7, #C084FC); animation-delay:1.1s;}
@keyframes grow{ from { width: 0; } }
.ch-pct{font-size:10px; font-weight:700; color:rgba(255,255,255,0.6); flex-shrink:0;}
.phone-footer{padding:12px 16px; background:rgba(20,87,255,0.1); border-top:1px solid rgba(255,255,255,0.05); text-align:center; font-size:9px; color:rgba(255,255,255,0.4); letter-spacing:0.5px;}
.float-badge{position:absolute; background:rgba(15, 30, 70, 0.9); border:1px solid rgba(255,255,255,0.12); backdrop-filter: blur(12px); border-radius:12px; padding:5px 15px; font-size:12px; white-space:nowrap; box-shadow:0 8px 32px rgba(0,0,0,0.3); animation:float 4s ease-in-out infinite;}
.float-badge.b1{top:40px; left:-130px; animation-delay:0s;}
.float-badge.b2{top:160px; right:-120px; animation-delay:1s;}
.float-badge.b3{bottom:140px; left:-110px; animation-delay:2s;}
.float-badge.b4{bottom:60px; right:-107px; animation-delay:1.5s;}
.float-badge .badge-val{font-weight:700; font-size:15px; color:#ff; display:block;}
.float-badge .badge-label { color: var(--text-muted); font-size: 10px;}
.float-badge .badge-dot{width:6px; height:6px; border-radius:50%; display:inline-block; margin-right:5px;}
.green-dot{background:#4ADE80; box-shadow:0 0 6px #4ADE80;}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-8px); }
}

@keyframes fadeUp {
from { opacity: 0; transform: translateY(24px); }
to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
from { opacity: 0; transform: translateX(-10px); }
to { opacity: 1; transform: translateX(0); }
}
/*-- //banner --*/

section{padding:5rem 0;}
.heading_main{margin-bottom:3rem; text-align:center; position:relative;}
.heading_main .heading{margin-bottom:1rem;}
.heading{font-family:inter; font-size:43px; color:#0f172a; margin-bottom:1.5rem; line-height:normal; font-weight:800;}
.heading_main p{font-size:17px; color:#8a9bb8; padding:0 15%;}
.head{font-size:12px; color:#ff6b1a; font-weight:600; margin-bottom:1rem; line-height:normal; letter-spacing:2px; display:inline-block;}


/*-- footer --*/
footer{background:#020A1E; font-size:14px; color:rgba(255,255,255,0.55); padding-top:3rem;}
.f_logo{margin-bottom:1.5rem; margin-top:.5rem;}
.f_logo img{height:60px;}
.f_heading{color:rgba(255,255,255,0.5); font-size:15px; font-weight:500; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:20px;}
.footer-grids ul{margin:0px; padding:0;}
.footer-grids ul li{list-style-type:none; margin-bottom:8px;}
.footer-grids ul li a{color:rgba(255,255,255,0.55); position:relative; padding-left:20px;}
.footer-grids ul li a:before{content:''; position:absolute; left:0; top:6px; width:6px; height:6px; background:rgb(148 163 184); border-radius:50%;}
.footer-grids ul li a:hover{color:#fff;}
.footer-grids ul li:last-child{margin-bottom:0;}
.footer-grids p{position:relative; margin-bottom:15px; padding-left:30px;}
.footer-grids p a{color:rgb(148 163 184);}
.footer-grids p .fa{font-size:16px; position:absolute; left:0; top:5px; color:#16318d;}
.copyright{margin-top:2.5rem; border-top:rgba(255,255,255,0.06) solid 1px; padding:20px 0; text-align:center;}
.copyright a{color:#fff;}
.social-icon{margin-top:1.5rem;}
.social-icon a{margin:0 5px 0 0; font-size:14px; width:38px; height:38px; line-height:38px; color:#9faccf; display:inline-block; text-align:center; border:rgba(255,255,255,0.08) solid 1px; background:rgba(255,255,255,0.06); border-radius:8px;}
.social-icon a:hover{color:#fff; background:#ff6b1a; border-color:#ff6b1a;}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:20px; right:15px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background:rgb(255 107 26); border-radius:25px; opacity:1;}
#toTop:hover{ opacity:.9;}
#toTop:after{color:#fff; content:'\f106'; font-size:20px; line-height:38px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

/*counter css*/
.counter_bg{padding:2rem 0; background:#06153d; border-top:1px solid rgba(20,87,255,0.2); border-bottom:1px solid rgba(20,87,255,0.2);}
.counter_main{font-size:14px; color:#8a9bb8; text-align:center; border-right:1px solid rgba(255,255,255,0.08);}
.counter_main span{font-size:50px; font-weight:900; line-height:normal; background:linear-gradient(135deg, white, #3b82f6); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.counter_main p{margin-bottom:0; line-height:normal;}

/*service*/
.service_bg{background:#060f2e;}
.service_bg .heading{color:#fff;}
.service{background:linear-gradient(160deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02)); border:1px solid rgba(255,255,255,0.07); border-radius:15px; padding:1.5rem; color:#8a9bb8; font-size:14px; position:relative; overflow:hidden; transition:all 0.3s ease-in-out;}
.service:before{content:''; position:absolute; top:0; left:0; right:0; height:3px; border-radius:20px 20px 0 0; transition:opacity 0.3s; opacity:0; background:linear-gradient(90deg, #1c60ff, #60A5FA);}
.icon{background:rgba(20,87,255,0.2); width:55px; height:55px; border-radius:10px; padding:10px; font-size:30px; display:flex; align-items:center; justify-content:center; margin-bottom:2rem; transition:all 0.3s ease-in-out;}
.service h3{font-size:1.4rem; color:#fff;}
.service a{color:#3b82f6; font-weight:700;}
.service a .fa{margin-left:10px;}
.service:hover{border-color:rgba(255,255,255,0.15); background:rgba(255,255,255,0.06); transform:translateY(-6px);}
.service:hover:before{opacity:1;}
.service.bulk:before{background:linear-gradient(90deg, #10B981, #34D399);}
.service.email:before{background:linear-gradient(90deg, #F59E0B, #FCD34D);}
.service.voice:before{background:linear-gradient(90deg, #A855F7, #C084FC);}
.service.bulk .icon{background:rgba(16,185,129,0.2);}
.service.email .icon{background:rgba(245,158,11,0.2);}
.service.voice .icon{background:rgba(168,85,247,0.2);}

/*about*/
.about-img-wrap{background:linear-gradient(135deg, #0A1F5E, #0D1640); border-radius:24px; padding:60px 40px; border:1px solid rgba(255,255,255,0.07); position:relative; overflow:hidden; min-height:380px; display:flex; align-items:center; justify-content:center; margin-right:2rem;}
.about-img-wrap::before{content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background: radial-gradient(circle at 30% 30%, rgba(20,87,255,0.15), transparent 50%);}
.about-illustration{position:relative; z-index:1; display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; width:100%;}
.ill-card{background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:25px 15px;text-align:center;}
.ill-icon{font-size:24px; margin-bottom:8px;}
.ill-label{font-size:10px; color:rgba(255,255,255,0.4); font-weight:500;}
.ill-val{font-size:16px; font-weight:700; color:#fff; margin-top:2px;}

.industries_bg{background:#050f2c;}
.industries_bg .heading{color:#fff;}
.industries{background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.06); border-radius:14px; padding:15px 25px;
display:flex; align-items:center; gap:14px; color:rgba(255,255,255,0.85); font-weight:600; margin-bottom:1.5rem; transition:all 0.25s;}
.industries span{font-size:25px;}
.industries span img{height:30px;}
.industries:hover{background:rgba(20,87,255,0.08); border-color:rgba(20,87,255,0.25); transform:translateX(4px);}

.started_bg{background:linear-gradient(135deg, #0D1E6B, #1A3A9E, #0D1E6B);}
.started_bg .heading{color:#fff; font-size:65px;}
.started_bg .heading_main p{font-size:20px; color:#bdc1c9;}
.started_bg .btn.talk{background:transparent; border:1px solid rgba(255,255,255,0.2); box-shadow:none; margin-left:10px;}
.started_bg .btn.talk:hover{border-color:rgba(255,255,255,0.5); background:rgba(255,255,255,0.05);}

/*inner banner*/
.inner_banner{position:relative; background:#050f2c; color:#8a9bb8; z-index:1; text-align:center; padding:8rem 0;}
.inner_banner:before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 80% 60% at 70% 50%, rgba(20, 87, 255, 0.18) 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 20% 80%, rgba(255, 107, 26, 0.08) 0%, transparent 50%), #050f2c; z-index:-1;}
.inner_banner:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px); background-size:60px 60px; z-index:-1;}
.inner_banner .banner_heading{font-size:55px;}
.inner_banner p{font-size:22px; font-weight:300;}

.rcs_bg{background:#fdfbfb;}
.rcs_bg .heading_main p{color:rgb(71 85 105);}
.rcs_bg .service{box-shadow:0 10px 30px rgb(0 0 0 / 5%); margin-bottom:1.5rem; background:#fff; font-size:16px; color:rgb(71 85 105); font-size:15px;}
.rcs_bg .service:hover{/*background:#f0f5ff;*/ box-shadow:0 20px 25px -5px rgba(15, 23, 42, 0.08), 0 8px 10px -6px rgba(15, 23, 42, 0.04);}
.rcs_bg .service .icon{background:#132660; padding:12px; width:65px; height:65px;}
.rcs_bg .service h3{color:#0f172a; font-size:30px;}
.rcs_bg .service ul{margin:1rem 0 0; padding:0;}
.rcs_bg .service ul li{margin:0; padding:5px 0 5px 35px; list-style:none; position:relative;}
.rcs_bg .service ul li:before{content:''; position:absolute; left:0; top:10px; bottom:0; background:url(../images/star-icon.png) no-repeat; background-size:100%; width:19px; height:19px;}

.easy_bg{background:#050f2c;}
.easy_bg .heading{color:#fff;}
.easy{border:1px solid rgba(255,255,255,0.07); border-radius:15px; padding:1.5rem 1.5rem .5rem; color:#8a9bb8; min-height:278px; transition:all 0.3s ease-in-out;}
.easy .icon{width:70px; height:70px;}
.easy h3{font-size:1.4rem; color:#fff;}

.contact_bg{background:#fbfcfe;}
.address{background:#fff; border:#e9eaed solid 1px; padding:20px; border-radius:10px; display:flex; margin-bottom:2rem; }
.address .icon{margin-bottom:0;}
.address .icon svg{color:#0068d3; width:22px;}
.address .ad_text{padding-left:15px; font-size:16px; color:#2b2c2e; font-weight:500; width:88%;}
.address .ad_text h6{margin-bottom:7px; color:#72787a; font-size:14px; font-weight:500;}
.address .ad_text p{margin-bottom:3px; line-height:1.6;}
.contact_form{margin-left:2rem; background:linear-gradient(145deg,#ffffffe6,#f9fafbf2); box-shadow:#dfdfdf 0 4px 30px; padding:25px; border-radius:10px;}
.contact_form .heading{font-size:30px;}
.contact_form .btn{width:100%;}

.core{box-shadow:0 10px 30px rgb(0 0 0 / 5%); margin-bottom:1.5rem; background:#fff; color:rgb(71 85 105); font-size:15px; border-radius:15px; padding:1.5rem 1.5rem .5rem; text-align:center; min-height:295px;}
.core .icon{margin-left:auto; margin-right:auto;}

.term_bg{background:#fbfcfe;}
.terms{background:#fff; padding:25px; border-radius:15px; border:#f5f4f4 solid 1px;}
.terms p+h3{margin-top:2rem;}


.list_none{margin:0; padding:0;}
.list_none li{margin:0; padding:8px 0 8px 20px; list-style:none; position:relative;}
.list_none li:before{content: '\2713'; display: inline-block; color:#696a6e; font-weight:700; position:absolute; left:0;}
.analytic{color:#8a9bb8;}