@import url(../global-paytv.css);
@import url(../paytv/comparison.css);
@import url(../paytv/plans.css);
@import url(../paytv/buttons.css);



.plan-comparison-bg-1 {
    background-image: url("../../images/backgrounds/bg-4-v2.svg");
    background-position: center 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.select-plan-dropdown-card {
    display: flex;
    flex-direction: column;
    /*max-height: 670px;*/
}

.select-plan-dropdown-header {
    flex: 0 0 auto;
}

.select-plan-dropdown-content {
  /*  flex: 1 1 auto;*/
    overflow-y: auto;
    max-height: 600px;
    padding-bottom: 30px;
}
    .select-plan-dropdown-content::-webkit-scrollbar {
       /* border-radius: 50px;*/
        width: 5px;
      
      
    }

    .select-plan-dropdown-content::-webkit-scrollbar-track {
        background: #F83947;
    }


    .select-plan-dropdown-content::-webkit-scrollbar-thumb {
        background-color: #FD9100;
    }


@media (max-width: 992px) {
    .select-plan-dropdown-content {
       /* max-height: 590px;*/
    }
}

@media (max-width: 1435px) {
    .compare-cards-container .plan-card.comparison[data-origin="predefined"]:nth-child(n+2) {
        display: none;
    }
}

    @media (max-width: 768px) {
        .plan-card {
            width: 175px;
        }

        .select-plan-button-card {
            width: 175px;
        }

        /*.select-plan-dropdown-card {
            width: 175px;
        }*/

        .select-plan-button {
            padding: 24px 0px;
        }

        .select-plan-button-container {
            padding: 12px;
        }

        .select-plan-button span {
            font-size: var(--font-size-body-04);
        }

        .comparison-header-note {
            font-size: var(--font-size-body-04);
        }

        .footer-button > p {
            font-size: var(--font-size-body-04);
        }

        /* .featured-channels-section .plan-card-logo {
        width: 35px;
        height: 35px;
    }*/

        .compare-cards-container .plan-card-title {
            font-size: 14px;
            line-height: 16px;
        }

        .channels-count-info {
            flex-direction: column;
            align-items: start;
        }

        .inclusions-content {
            flex-direction: column;
            align-items: start;
        }

        .plan-category-section {
            padding: 0;
        }
        .select-plan-dropdown-content {
            max-height: 700px;
            min-height: 700px;
        }
    }

    @media (max-width: 480px) {
        .compare-cards-container {
            padding: 0px;
        }

        .compare-cards-container {
            gap: 0px;
        }
    }