@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: 93%;      /* scale beyond container */
    max-width: 120%;
    height: auto;
    transform: scale(1.1);
	margin-top: -58px;
}

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

.prodfeat{
    position:relative;
}

/* Language switcher */
.lang-switch{
    position:absolute;
    top:2rem;
    right:7rem;
    display:flex;
    align-items:center;
    gap:.75rem;
    z-index:10;
}

.lang-btn{
    width:52px;
    height:42px;
    border:none;
    border-radius:999px;
    background:transparent;
    color:#4b5563;
    font-weight:600;
    cursor:pointer;
    transition:all .3s ease;
}

.lang-btn:hover{
    background:#eef5ff;
    color:#0056b3;
}

.lang-btn.active{
    background:#0056b3;
    color:#fff;
    box-shadow:0 4px 12px rgba(0,86,179,.35);
}

.lang-btn{
    background:none;
    border:0;
    padding:0;
    cursor:pointer;
    line-height:0;
}

.lang-btn img{
    display:block;
    width:42px;
    height:auto;
    border-radius:6px;
    opacity:.65;
    transition:all .25s ease;
}

.lang-btn:hover img{
    opacity:1;
    transform:translateY(-2px);
}

.lang-btn.active img{
    opacity:1;
    transform:translateY(-2px);
    box-shadow:0 0 0 3px #0047CC;
}

.lang-btn.active{
	background:linear-gradient(135deg, #153ED9, #00B4C8);
    color:#fff;
}

.lang-switch{
    /* background:#fff; */
    border:1px solid #e7edf5;
}

@media (max-width:991px){
    .lang-switch{
        top:6rem;
        right:1rem;
    }

    .lang-btn img{
        width:36px;
    }
}


/*tourist sim*/
.promo-graphic--5g {
	position: relative;
}

.prebook-badge {
	position: absolute;
	left: -12rem;
	top: 35%;
	border-radius: 50%;
	width: 160px;
	height: 160px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
	/* box-shadow: 0 8px 24px rgba(0,0,0,0.15); */
}

/* ===== Promo List (Calls / SMS / Validity) ===== */
.promo-list {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	margin: 0 0 1.5rem 0;
	padding: 0;
	list-style: none;
}

.promo-list li {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	line-height: 1.2;
}

.promo-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 36px;
	border-radius: 50%;
	background: #e3e8fb;
	color: #2440d8;
}

.promo-icon svg {
	width: 18px;
	height: 18px;
}


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

.secure-line a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #444;
    font-size: 0.85rem;
    text-decoration: none;
}

.external-link span {
    border-bottom: 1px dotted #999;
    line-height: 1.1;
}

.external-link svg {
    flex-shrink: 0;
}

.custom-minheight1{
	min-height:150px;
}

@media (max-width: 767px) {
	.secure-line {
		margin-top: -1.25rem;
        margin-left: 10px;
	}
	.custom-minheight1{
		min-height:0px;
	}

}

/*with plus*/
.toggle-panel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    position: relative;
    align-items: center;
}

.plus {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #111318;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(0,0,0,.15);
    z-index: 10;
}

@media (max-width: 991px) {

    .toggle-panel {
        grid-template-columns: 1fr;
        gap: 55px;  /* Space between the cards */
    }

    .plus {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin: -35px auto;
    }

    .toggle-panel__img {
        margin-top: 0;
    }
}

.toggle-panel__img{
	min-height:620px;
}

.brand-card{
	 transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    will-change: transform;
}	

.brand-card:hover {   
	transform: translateY(-6px) scale(1.01);
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
}