/*quick access*/

.icon-offers {
  width: 70px;
  height: 65px;
}

.categories-style-01 .icon-box a::after {
    display: none;
    content: none;
}

.quickaccesslogo {
  color: #000;
  width: 45px;
  height: 45px;
}

/* internet home section */


.custom-margin-top{
	margin-top:150px;
}


/* prepay, postpay section */



.navitem{
  padding: 0px 4px;
}


body {
  overflow-x: clip;
}


/* Default: Large Desktop / Ultra-wide */
.section-header-wide {
    padding-left: 200px;
    padding-right: 200px;
	padding-top:60px;
	padding-bottom:30px;
}

/* Desktop & Laptop (max-width: 1200px) */
@media (max-width: 1200px) {
    .section-header-wide {
        padding-left: 60px;
        padding-right: 60px;
		padding-top:60px;
		padding-bottom:30px;
		font-size:2.8rem!important;
    }

	h2{
		 font-size:2.8rem!important;
	}
}

/* Tablet (max-width: 991px) */
@media (max-width: 991px) {
    .section-header-wide {
        padding-left: 40px;
        padding-right: 40px;
		padding-top:60px;
		padding-bottom:30px;
    }

	h2{
		 font-size:2.8rem!important;
	}
}

/* Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .section-header-wide {
        padding-left: 20px;
        padding-right: 20px;
		padding-top:40px;
		padding-bottom:20px;

    }

	h2{
		 font-size:2.8rem!important;
	}
}
/* The Rounded Background Card */
.football-hero-card {
    position: relative;
    /* Replace with your actual image path */
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
                url('../images/bg-dstv-pack3.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 30px;
    padding: 80px 20px 180px 20px;
    /* Ensures the overlapping content isn't hidden by the rounded corners */
    overflow: visible;
}

/* The Overlapping Logic */
.pricing-overflow-row {
    position: absolute;
    left: 0;
    right: 0;
    /*bottom: -280px;*/ /* Adjust this to control how much it hangs out */
    z-index: 10;
    margin: 0 15px !important; /* Prevents horizontal scroll on small screens */
}

/* Spacer for the following content */
.section-spacer {
    height: 260px;
}

/* Responsive Fixes */
@media (max-width: 991px) {
    .football-hero-card {
        padding-bottom: 100px;
        border-radius: 15px; /* Slightly smaller radius on mobile */
    }
    .pricing-overflow-row {
        position: relative; /* Remove absolute positioning on mobile */
        /*bottom: 0;*/
        margin-top: -50px; /* Smaller overlap for mobile screens */
    }
    .section-spacer {
        height: 50px; /* Less space needed on mobile */
    }
}

.slider-one-slide .swiper-slide {
    width: calc((100% / 3.5) - 30px);
}


/* media queries */

@media (min-width: 1200px){
}
@media (min-width:992px) and (max-width:1199px){
}
@media (min-width:768px) and (max-width:991px){
}
@media (max-width: 767px){
	.custom-margin-top{
		margin-top:45px;
	}
}

/* end - media queries */

/* Move this block into ds.css; kept inline here for a single paste. */
.compare-table{
  --cmp-border:#e6e8ee;
  border-collapse:separate;          /* required for sticky cells */
  border-spacing:0;
  min-width:540px;                   /* forces horizontal scroll on small screens */
}
.compare-table th,
.compare-table td{
  padding:14px 12px;
  border-bottom:1px solid var(--cmp-border);
  vertical-align:middle;
  background:#fff;                   /* opaque so frozen cells cover scrolled content */
}
/* feature column: frozen to the left while packages scroll horizontally */
.compare-table .compare-feat{
  text-align:left;
  position:sticky;
  left:0;
  z-index:2;
  min-width:160px;
}
/* package header row: frozen to the top while rows scroll vertically */
.compare-table thead th{position:sticky;top:0;z-index:3;}
.compare-table thead .compare-feat{z-index:4;}   /* top-left corner above both */

.cmp-ico{width:20px;height:20px;vertical-align:middle;}
.cmp-no{color:#c4c8d2;}             /* muted — feature not included */

@media (max-width:575.98px){
  .compare-table th,
  .compare-table td{padding:12px 8px;font-size:14px;}
  .compare-table .compare-feat{min-width:132px;}
}

/*START MODALS*/
/* ---- myt modal theme (self-contained) ---- */
.mytm-modal{position:relative;font-family:'Poppins',system-ui,-apple-system,Segoe UI,sans-serif;color:#14151b;text-align:left;padding:28px;width:92%;max-width:1000px;margin:0 auto;background:#fff;border-radius:28px;overflow-y:auto;overflow-x:hidden}
.mytm-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border:none;border-radius:50px;background:#14151b;color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(20,21,27,.18);z-index:20;transition:transform .15s,background .15s,color .15s}
.mytm-close:hover{background:#153ED9;color:#fff;transform:translateY(-2px)}
.mytm-close svg{width:20px;height:20px}
.mytm-container{max-width:1100px;margin:0 auto}
.mytm-head{text-align:center;padding-bottom:24px}
.mytm-title{font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:-.5px;line-height:1.15;margin:0 0 6px;color:#14151b}
.mytm-price{font-size:20px;font-weight:600;margin:0;color:#153ED9}
.mytm-price span{font-size:14px;font-weight:500;color:#5b6573}

/* channel grid */
.mytm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:992px){.mytm-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.mytm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.mytm-grid{grid-template-columns:1fr}}
.mytm-chan{display:flex;align-items:stretch;border:1px solid #E3E7F0;border-radius:14px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s}
.mytm-chan:hover{box-shadow:0 8px 24px rgba(21,62,217,.12);transform:translateY(-2px)}
.mytm-chan__logo{position:relative;flex:0 0 84px;width:84px;padding:12px;border-right:1px solid #E3E7F0;background:#fff;display:grid;place-items:center}
.mytm-chan__logo img{max-width:100%;height:auto;display:block}
.mytm-chan__info{padding:10px 14px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.mytm-chan__name{font-size:14px;font-weight:600;margin:0;color:#14151b;line-height:1.25}
.mytm-chan__num{font-size:13px;font-weight:400;margin:2px 0 0;color:#5b6573}

/* hover tooltip with channel description */
.mytm-chan__logo .tooltiptext{visibility:hidden;opacity:0;position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);width:300px;background:#14151b;color:#fff;padding:14px 16px;border-radius:12px;font-size:13px;line-height:1.5;z-index:30;box-shadow:0 12px 32px rgba(0,0,0,.28);transition:opacity .18s;pointer-events:none}
.mytm-chan__logo .tooltiptext .tt-title{display:block;font-weight:700;font-size:15px;margin-bottom:6px}
.mytm-chan__logo:hover .tooltiptext{visibility:visible;opacity:1}

/* footer + buttons */
.mytm-foot{text-align:center;padding-top:26px}
.mytm-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:600;line-height:1;padding:13px 26px;border-radius:999px;border:1.5px solid #14151b;cursor:pointer;text-decoration:none;transition:.18s}
.mytm-btn--outline{background:transparent;color:#14151b}
.mytm-btn--outline:hover{background:#14151b;color:#fff;transform:translateY(-2px)}
.mytm-btn--solid{background:#14151b;color:#fff}
.mytm-btn--solid:hover{background:#153ED9;border-color:#153ED9;color:#fff;transform:translateY(-2px)}
.mytm-btn--inline{padding:8px 18px;font-size:14px}

/* subscribe-now copy */
.mytm-method{font-size:clamp(18px,2.4vw,22px);font-weight:700;margin:0 0 6px}
.mytm-method+.mytm-p{margin-top:0}
.mytm-accent{font-weight:500;color:#153ED9}
.mytm-p{font-size:clamp(15px,2vw,18px);font-weight:500;line-height:1.6;color:#14151b;margin:0 0 14px}
.mytm-steps{font-size:clamp(15px,2vw,18px);font-weight:500;line-height:1.8;color:#14151b;padding-left:22px;margin:0 0 22px}
.mytm-steps b{font-weight:700}
.mytm-empty{font-size:20px;font-weight:600;color:#14151b;text-align:center;width:100%}

/*END MODALS*/

.prodfeat {
	padding-left: 28px;
}	

.prodfeat__img img {
    width: 143%;
    max-width: 210%;
    height: auto;
    transform: scale(1.1);
    margin-top: -22px;
}

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

.channels-more-btn {
	height: 50px;
	border: 1.5px solid #000;
	border-radius: 30px;
	color: #000;
	background: white;
	padding: 10px;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.channels-more-btn:hover{
	color: #000;
	border: 1.5px solid #000;
}
/*
.btn-white-on-white:hover{
	background-color:#000;
	border: 1.5px solid #000;
}
*/

.bgdstv { background-image: url(https://imgcdn.myt.mu/internet/bg-dstvstream.webp);
        background-position: center;
        background-size: cover;}

.link-arrow{
	font-weight:500!important;
}

.bgtvpacks {
    background-image: url(https://imgcdn.myt.mu/internet/bg-tvpacks.jpg);
    background-position: center;
    background-size: cover;
}