html,body {
    background: #071a2c;
    color: #fff;
    font-family: "pfdin_pro_reg", sans-serif;
}

/* HEADER */
.top-header {
    background: #ffffff;
    color: #cbd5df;
    padding: 15px 0;
    font-size: 14px;
}
.header-company {
    color: #fff;
    font-size: 15px;
}

.header-menu a {
    color: #cbd5df;
    text-decoration: none;
    margin-left: 15px;
    font-size: 14px;
}

.header-menu a:hover {
    color: #000000;
}

.divider {
    border-left: 1px solid #6c7a89;
    margin: 0 15px;
}

.header-disclaimer {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
    color: #b6c0c9;
}

/* HERO */
.hero {
    background: radial-gradient(circle at 70% 40%, #123b66, #071a2c 60%);
    padding: 0px 0;
}

.hero h1 {
    font-size: 46px;
    font-weight: 700;
    line-height: 1.2;
}

.hero-btn {
    background: #2f6edb;
    border: none;
    padding: 12px 30px;
    color: #fff;
    font-weight: 600;
}


/* CTA BAR */
.cta-bar {
    background: #2a6bb0;
    padding: 15px 0;
}

.cta-btn {
    background: #ff8c2f;
    border: none;
    padding: 8px 24px;
    color: #fff;
    font-weight: 600;
    width: 150px;
}
.cta-btn a {
    text-decoration: none;
    color : #fff;
    
}

/* SPORTS */
.sports {
    background: #0c2b4c;
    padding: 40px 0;
}

/* FEATURES */
.features {
    background: #0d2a4a;
    padding: 80px 0;
}

.feature-item {
    margin-bottom: 30px;
}

/* DEVICE */
.device {
    padding: 100px 0;
    /* background: radial-gradient(circle at 30% 40%, #123b66, #071a2c 60%); */
    background: radial-gradient(circle at 30% 40%, #001d58, #003c93 60%);
}

/* FOOTER */
.main-footer {
    background: #ffffff;
    /*background: #3a3a3a;*/
    padding: 40px 0;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.footer-links a:hover {
    text-decoration: underline;
}

.copyright {
    font-size: 12px;
    margin-top: 10px;
    color: #000000;
}

.footer-company {
    font-size: 16px;
    color: #000000;
}
.footer-links {
    color:#000000;
}
.footer-links a{
    color:#000000;
    text-decoration: none;
}

@media (max-width:768px) {
    .hero h1 {
        font-size: 32px
    }

    .header-menu {
        margin-top: 10px
    }
}




/* PACKAGES */
.packages {
    padding: 70px 0;
    background: #081b2f;
}

.package-card {
    background: #fff;
    color: #000;
    padding: 25px;
    border-radius: 6px;
    height: 100%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.package-card h5 {
    color: #3b6ea8;
    font-weight: 700;
}

/* Price */
/* Header bar */
.package-header-Entertainment{
    background-color: #71CFEB;
    color:#fff;
    text-align:center;
    font-weight:600;
    padding:10px;
    font-size:14px;
    border-radius:6px 6px 6px 6px;
}
.package-header-Choice{
    background-color: #007ac1;
    color:#fff;
    text-align:center;
    font-weight:600;
    padding:10px;
    font-size:14px;
    border-radius:6px 6px 6px 6px;
}

.package-header-Ultimate{
    background-color: #00568c;
    color:#fff;
    text-align:center;
    font-weight:600;
    padding:10px;
    font-size:14px;
    border-radius:6px 6px 6px 6px;
}



.package-header-Premier{
    background:#082340;
    color:#fff;
    text-align:center;
    font-weight:600;
    padding:10px;
    font-size:14px;
    border-radius:6px 6px 6px 6px;
}

/* Your classes */
.jss1562{
    min-height:20px;
}


.pricing-section {
    background: url("img/space-bg.jpg");
    background-size: cover;
}

.pricing-card {
    border: none;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 8px;
}

.price{
    font-weight:700;
    margin-bottom:5px;
}

.pricing-list{
    padding-left:18px;
    font-size:14px;
    margin-bottom:15px;
}

.pricing-list li{
    margin-bottom:6px;
}
.pricing-card h2 {
    font-weight: 700;
    margin-bottom: 15px;
}

.pricing-list {
    padding-left: 14px;
    font-size: 14px;
}

.pricing-list li {
    margin-bottom: 6px;
}

.package-disclaimer{
font-size:11px;
line-height:1.4;
margin-top:10px;
}

.package-note{
display:block;
color:#000000b0;
font-weight:700;
}

.package-details-link{
font-size:12px;
text-decoration:underline;
cursor:pointer;
color:#0d6efd;
}

.logo-img{
    max-height:50px;
    object-fit:contain;
}

.btn-primary {
    background: #2b6cb0;
    border: none;
    padding: 12px 30px;
    
}

.navbar-toggler {
    border-color: #fff;
}

.navbar-toggler-icon {
    filter: invert(1);
}

.header-menu a {
    color: #000000;
    margin: 0 10px;
    text-decoration: none;
    font-weight: 600;
}

@media(max-width:991px) {

    .header-menu {
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-top: 10px;
    }

    .header-menu a {
        padding: 8px 0;
    }

}

/* Banner CSS*/
.bannerhere{
    background-image:url(../images/satellite-banner.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    padding:250px 0;
    color:#fff;
}
.img-fluid-1{
    height:571px;
}

/* HERO IMAGE SIZE */
.hero-img{
    max-width:100%;
}
@media (max-width:1440px) {
    .bannerhere{
        padding:210px 0;
        text-align:left;
    }

    .bannerhere h1{
        font-size:28px;
        line-height:1.3;
    }

    .hero-img{
        margin-top:20px;
        max-width:80%;
    }
    .img-fluid-1{
        height:471px;
    }

}

@media (max-width:1320px) {
    .bannerhere{
        padding:120px 0;
        text-align:left;
    }

    .bannerhere h1{
        font-size:28px;
        line-height:1.3;
    }

    .hero-img{
        margin-top:20px;
        max-width:80%;
    }
    .img-fluid-1{
        height:471px;
    }

}


/* MOBILE FIX */
@media (max-width:768px) {
    .bannerhere{
        padding:60px 0;
        text-align:left;
    }

    .bannerhere h1{
        font-size:28px;
        line-height:1.3;
    }

    .hero-img{
        margin-top:20px;
        max-width:80%;
    }
    .img-fluid-1{
        height:471px;
    }

}
@media (max-width:450px) {
    .bannerhere{
        padding:10px 0;
        text-align:center;
    }

    .bannerhere h1{
        font-size:24px;
        line-height:1.3;
    }

    .hero-img{
        margin-top:20px;
        max-width:80%;
    }

}

.bannerhere-all{
    background-image:url(../images/banner-privacy.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    padding:150px 0;
    color:#fff;
}
.img-fluid-1{
    height:571px;
}

/* HERO IMAGE SIZE */
.hero-img{
    max-width:100%;
}

/* MOBILE FIX */
@media (max-width:768px) {
    .bannerhere-all{
        padding:100px 0;
        text-align:center;
    }

    .bannerhere-all h1{
        font-size:28px;
        line-height:1.3;
    }

    .hero-img{
        margin-top:20px;
        max-width:80%;
    }
    .img-fluid-1{
        height:471px;
    }

}
@media (max-width:450px) {
    .bannerhere-all{
        padding:50px 0;
        text-align:center;
    }

    .bannerhere-all h1{
        font-size:28px;
        line-height:1.3;
    }

    .hero-img{
        margin-top:20px;
        max-width:80%;
    }

}

/* Banner CSS*/
.fa-caret-left:before {
    content: "\f0d9";
}

.pr-2, .px-2 {
    padding-right: .5rem !important;
}


.small, small {
    font-size: 11px; 
}

.p1{
    color: #000 !important;
    font-size: 12px !important;
    text-align:justify;
}
.device{
padding:80px 0;
}

.content-box{
max-width:500px;
}

.satellite-card{
font-family: Arial, sans-serif;
}

.sat-title{
color:#1a5dab;
font-weight:700;
}

.satellite-table{
font-size:13px;
}

.satellite-table th{
font-size:12px;
}

.section-row td{
    background  :   #2a6bb0;
    color       :   #fff;
    text-align  :   center;
    font-weight :   600;
}

.legal-box{
    border      :   1px solid #000;
    padding     :   8px;
    font-size   :   11px;
    color       :   red;
    max-width   :   615px;
}
.black{color:#000;}

.center{align-content: center;}

.fw-small {font-size:12px;}
.fw-large {font-size: 20px;}
.vod-circle {
    width:280px;
    height:280px;
    background:#2f5d9c;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    font-size:30px;
    font-weight:500;
    margin:auto;
    box-shadow:0 6px 12px rgba(0,0,0,0.2);
}

.vod-table{
    border:2px solid #444;
    max-width:450px;
    margin-bottom:25px;
}

.vod-table th,
.vod-table td{
    border:1px solid #444;
    text-align:center;
    padding:10px;
}

.vod-table thead th{
    font-weight:700;
    font-size:18px;
}

.ondemand-title{
    color:#3f6ba6;
    font-weight:700;
    font-size:26px;
    margin-top:10px;
}
.vod-content ul{
    font-size:18px;
    padding-left:20px;
}
.note{
    font-size:14px;
    margin-top:15px;
}

/* Responsive */
@media(max-width:768px){
    .vod-circle {
        width:200px;
        height:200px;
        font-size:22px;
        margin-bottom:25px;
    }
    .vod-table{
        margin:auto;
    }
}
.pricing-section-1 {
    border: none;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
    
}
.custom-tooltip {
    position: relative;
    cursor: pointer;
}

.tooltip-icon{
    position:relative;
    cursor:pointer;
    color:#102641;
    font-size:14px;
    margin-left:4px;
}
.tooltip-text{
visibility: hidden;
    opacity: 0;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 300px;
    bottom: 244%;
    left: -100%;
    transform: translateX(-50%);
    transition: 0.3s;
    z-index: 10;
}


.tooltip-icon:hover .tooltip-text{
    visibility:visible;
    opacity:1;
}

@media (max-width:768px){
.tooltip-text{
visibility: hidden;
    opacity: 0;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 250px;
    bottom: 244%;
    left: 0%;
    transform: translateX(-90%);
    transition: 0.3s;
    z-index: 10;
}
}
@media (max-width:460px){
.tooltip-text{
visibility: hidden;
    opacity: 0;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 12px;
    width: 200px;
    bottom: 244%;
    left: 0%;
    transform: translateX(-50%);
    transition: 0.3s;
    z-index: 10;
}
}

.bold {
    /*font-family: "pfdin_pro_bold", serif; */
    font-size:58px;
    
    
}
.yellow-text {
    color: #fdd746;
}
.heading3 {font-size: 30px;}

@media (max-width:1024px){
    .bold {
        font-size:42px;
    }
    .yellow-text {
        color: #fdd746;
    }
    .heading3 {font-size: 24px;}
    
}
@media (max-width:768px){
    .bold {
        font-size:38px;
    }
    .yellow-text {
        color: #fdd746;
    }
    .heading3 {font-size: 28px;}
    
}
.d-flex{text-decoration: none;}