.opt-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 22px;
}
@media (max-width: 560px) {
    .opt-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

.tariffs-text{
	/* font-size: 0.85rem; */
	font-weight: 500;
	margin:0;
}

.applynow{
	width: auto !important;
    display: inline-flex;
}

/*pricing comparison card*/

.pricing-card {
	width: 100%;
	max-width: 1220px;
	/* background: linear-gradient(135deg, #1e3fd1 0%, #5b3fb8 45%, #b8329b 100%); */
	background: linear-gradient(135deg, #153ED9, #00B4C8);
	border-radius: 16px;
	padding: 40px 32px;
	color: white;
	box-sizing: border-box;
}

.grid {
	display: grid;
	grid-template-columns: 1.3fr 1fr 1fr;
	gap: 0 24px;
}

.plan-header {
	text-align: center;
	font-size: 22px;
	font-weight: 600;
	padding-bottom: 16px;
}

.orange { color: #f5a623; }
.teal { color: #4fd1c5; }

.row-label {
	padding: 16px 0;
	font-weight: 600;
	border-top: 1px solid rgba(255,255,255,0.25);
}

.divider {
	border-top: 1px solid rgba(255,255,255,0.25);
}

.cell {
	text-align: center;
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,0.25);
}

.x-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1.5px solid white;
	border-radius: 50%;
	font-size: 16px;
	line-height: 1;
}

.price {
	text-align: center;
	padding: 24px 0 0;
}

.amount {
	font-size: 28px;
	font-weight: 600;
	background-color:transparent!important;
}

.period {
	font-size: 14px;
	opacity: 0.85;
	margin-left: 4px;
	background-color:transparent!important;
}

.cta-wrap {
	text-align: center;
	margin-top: 32px;
}

.subscribe-btn {
	/* background: transparent;
	border: 1.5px solid white;
	color: white;
	font-weight: 600;
	font-size: 15px;
	padding: 12px 32px;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.2s ease; */
	width: auto !important;
    display: inline-flex;
	padding: 15px 16px !important;
}

.subscribe-btn:hover {
	background: rgba(255,255,255,0.1);
}

@media (max-width: 480px) {
	.grid { grid-template-columns: 1fr 0.8fr 0.8fr; gap: 0 8px; }
	.row-label { font-size: 13px; padding: 12px 0; }
	.plan-header { font-size: 18px; }
	.amount { font-size: 22px; }
}

/* ---------- Mobile stacked version ---------- */
.pricing-card.stacked { display: none; }

.plan-card {
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.25);
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 16px;
}
.plan-card:last-of-type { margin-bottom: 0; }

.plan-card .plan-header {
	padding-bottom: 12px;
	text-align: left;
}

.plan-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-top: 1px solid rgba(255,255,255,0.2);
	font-size: 14px;
}
.plan-row .label { opacity: 0.9; }
.plan-row .value { font-weight: 600; }

.check-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border: 1.5px solid #4fd1c5;
	border-radius: 50%;
	color: #4fd1c5;
	font-size: 14px;
	line-height: 1;
}

.plan-card .price {
	text-align: left;
	padding-top: 16px;
}

/* Toggle: show stacked on small screens, hide the table grid */
@media (max-width: 600px) {
	.pricing-card.table { display: none; }
	.pricing-card.stacked { display: block; }
}

.disclaimer {
	margin-top: 32px;
	padding-top: 20px;
	border-top: 1px solid rgba(255,255,255,0.2);
	font-size: 12.5px;
	line-height: 1.6;
	color: rgba(255,255,255,0.75);
	text-align: center;
}
.disclaimer p { margin: 0 0 8px; }
.disclaimer ul {
	list-style: none;
	margin: 8px 0;
	padding: 0;
	display: inline-block;
	text-align: left;
}
.disclaimer li { margin: 4px 0;background-color: transparent!important;color:inherit!important;}
.disclaimer li::before { content: "• "; opacity: 0.7; }

@media (max-width: 600px) {
.disclaimer { text-align: left; }
.disclaimer ul { display: block; }
}

/*end pricing comparison card*/

.bg-greycolor {
    background-color: #ededed;
}

/*download section*/
.download-forms {
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    /*border: 1px solid #e8eef8;
    box-shadow: 0 10px 30px rgba(15, 23, 42, .05);*/
}

.section-eyebrow {
    display: inline-block;
    font-size: .8rem;
    font-weight: 600;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: .5rem;
}

.download-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.download-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 24px;
    background: #fff;
    border: 1px solid #e7edf6;
    border-radius: 18px;
    text-decoration: none;
    color: inherit;
    transition: all .25s ease;
}

.download-item:hover {
    transform: translateY(-2px);
    border-color: #2563eb;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .12);
    text-decoration: none;
    color: inherit;
}

.download-item__left {
    display: flex;
    align-items: center;
    gap: 18px;
}

.download-icon {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    background: linear-gradient(135deg, #153ED9, #00B4C8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #fff;
    flex-shrink: 0;
}

.download-item h6 {
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
}

.download-item small {
    display: block;
    margin-top: 4px;
    color: #6b7280;
}

.download-action {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    color: #2563eb;
}

.download-action svg {
    width: 18px;
    height: 18px;
    transition: transform .25s;
}

.download-item:hover .download-action svg {
    transform: translateY(2px);
}

@media (max-width: 768px) {

    .download-forms {
        padding: 24px;
    }

    .download-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .download-action {
        margin-left: 74px;
    }

}
/*download section*/

.wrap{max-width:1200px;margin:0 auto;}

.x-icon{
width:22px;height:22px;
border-radius:50%;
border:1.5px solid #B0B0B0;
display:inline-flex;align-items:center;justify-content:center;
}
.x-icon svg{width:9px;height:9px;}

.subscribe{
display:inline-block;
background:#000000;
border:1.5px solid #000000;
color:#fff;
font-size:15px;
font-weight:500;
padding:14px 32px;
border-radius:10px;
text-decoration:none;
cursor:pointer;
transition:opacity .15s ease;
}
.subscribe:hover{opacity:0.85;}

/* ---------- Desktop: single combined table ---------- */
.desktop-table table{
width:100%;
border-collapse:collapse;
border-radius:10px;
overflow:hidden;
}
.desktop-table thead th{
background:#000;
color:#FFFFFF;
text-align:left;
font-size:36px;
font-weight:500;
padding:18px 20px;
}
.desktop-table thead th:not(:first-child){text-align:center;}
.desktop-table tbody td{
padding:18px 20px;
font-size:16px;
color:#1A1A1A;
border-bottom:1px solid #E7E7EC;
background:#fff;
}
.desktop-table tbody tr:last-child td{border-bottom:none;}
.desktop-table td.call-type{font-weight:400;}
.desktop-table td.plan-value{text-align:center;}
.price{font-size:25px;font-weight:600;}
.price .period{font-size:13px;font-weight:500;color:#4B4B4B;}
.desktop-table tr.price-row td{padding-top:24px;padding-bottom:24px;}
.subscribe-wrap{text-align:center;margin-top:24px;}

/* ---------- Mobile: two separate grouped tables ---------- */
.mobile-tables{display:none;}
.mobile-tables .tables{display:flex;flex-direction:column;gap:20px;}
.mobile-tables table{width:100%;border-collapse:separate;border-spacing:0;}
.mobile-tables thead{background:#000;border-radius:10px 10px 0 0;overflow:hidden;}
.mobile-tables thead tr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;}
.mobile-tables thead th{padding:0;background:none;color:#E6E6E6;font-size:16px;font-weight:700;}
.mobile-tables thead th:last-child{text-align:right;}
.mobile-tables tbody{display:block;border:1px solid var(--line);border-top:none;border-radius:0 0 10px 10px;overflow:hidden;}
.mobile-tables tbody tr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid #E6E6E6;}
.mobile-tables tbody tr:last-child{border-bottom:none;}
.mobile-tables td.call-type{flex:1 1 auto;min-width:0;font-size:15px;}
.mobile-tables td.plan-value{flex:0 0 auto;text-align:right;white-space:nowrap;font-size:15px;}
.mobile-tables .table-block .subscribe-wrap{margin-top:14px;}

@media(max-width:700px){
.desktop-table{display:none;}
.mobile-tables{display:block;}
}

/*intro*/
@media (max-width: 767px) {
  .sec {
    padding-top: 70px!important; /* match your navbar height */
  }
}

@media (min-width: 768px) {
  .sec {
    padding-top: 80px; /* match your desktop navbar height */
  }
}

.prodfeat {
	border-radius:0px!important;
	padding-top:60px;
	padding-left:20px!important;
}

.prodfeat__img img {
    width: 130%;
    max-width: 130%;
    height: auto;
    /* transform: scale(1.1); */
    margin-top: -65px;
}

@media (max-width: 767px) {
	.prodfeat__img img {
		width: 110%;      /* scale beyond container */
		max-width: 120%;
		height: auto;
		transform: scale(1.1);
		margin-top: -40px;
	}
}

.feat-list li > span {
	display: flex;
	flex-direction: column;
}
.feat-sub {
	 margin-top: 3px;
	 font-weight: 400;
	 font-size: 13px;
}

/*calling rates*/
.overlay-card .d-flex{
   height: 600px; 
   justify-content: center;
}

@media (max-width:767px){
    .overlay-card .d-flex{
        height:280px !important;
    }
}