.line_height_0{
    line-height: 0%;
}
.see_more-btn {
    color: #fff !important;
}
.see_more-btn:hover {
    color: #000 !important;
}
input:-webkit-autofill {
    -webkit-text-fill-color: white; /* Makes the autofill text white */
}

input:-webkit-autofill::placeholder {
    color: white; /* Makes the autofill placeholder text white */
}
body {
    font-family: "Poppins", sans-serif;
    color: #fff;
}

input:-webkit-autofill {
    background-color: rgb(254, 254, 254) !important;
    color: #fff !important;
    -webkit-box-shadow: 0 0 0px 1000px #1d1c1c inset !important;
}
/* Change placeholder color when autofilled */
input:-webkit-autofill::placeholder {
    color: rgba(251, 247, 247, 0.7) !important;
}

/* For Firefox */
input:-moz-autofill {
    background-color: black !important;
    color: #fefefe6e !important;
}

/* For Edge */
input:-ms-autofill {
    background-color: rgb(232, 231, 231) !important;
    color: #fdfdfd6e !important;
}

.theme_btn-color {
    background-color: #334df7;
}
.navbar {
    background: #292826;
}
.card_ttl-area {
    background-color: #3d3d3d;
}
.card_ttl-area h5 {
    font-size: 14px;
}
.card_ttl-area small {
    font-size: 10px;
}
.card_ttl-area p {
    font-size: 13px;
}
.theme_btn-color:hover {
    background-color: #475ff9;
}
/* header section */
.f-roboto {
    font-family: "Roboto", serif;
}
ul {
    list-style: none;
}
.m--1 {
    margin-top: -1px;
}
a {
    text-decoration: none;
}
.radios-5 {
    border-radius: 5% !important;
}
.dark-body {
    background-color: #000000eb;
    color: #fff;
}
.dark-bg {
    background-color: #0000006e !important;
    color: #fff;
}
.color-CBOE12 {
    color: #cb0e12;
}
.them-border {
    border: 1px solid #cb0e12;
}
.schedule_header-bg {
    background-color: #555;
}
.bg-CBOE12 {
    background: #cb0e12;
}
.login_btn-text {
    background-color: #cb0e12;
}

.login_form_input-area {
    background-color: #2a28286e;
    color: #8e8787; /* Placeholder text color */
}
.login_form_input {
    background-color: #222; /* Dark background */
    color: white; /* White text */
    border: 1px solid #555; /* Border for the select element */
    padding: 8px;
    width: 100%;
    border-radius: 0; /* No border-radius */
}

.login_form_input option {
    background-color: #333; /* Dark background for options */
    color: white; /* White text for options */
    padding: 5px;
    border-bottom: 1px solid white; /* White border bottom */
}

/* Remove border from the last option */
.login_form_input option:last-child {
    border-bottom: none;
}

.login_form_input::placeholder {
    color: #8e8787; /* Pink color */
}
.label-text {
    font-size: 13px;
    font-weight: bold;
}

.input-previous-icon::after {
    padding-right: 15px;
    content: "";
    border-right: 1.5px solid #8e8787;
}

.login_form_input {
    background-color: #221f1f6e; /* Dark background */
    color: white; /* Text color */
    border: none;
    outline: none; /* Remove focus outline */
    box-shadow: none; /* Remove focus shadow */
}

.login_form_input:focus {
    color: white;
    box-shadow: none;
}

.login_form {
    width: 50%;
}

/* registration page css start */

.reg_select-arrow-hidden {
    -webkit-appearance: none; /* Hides the arrow in Chrome, Safari, etc. */
    -moz-appearance: none; /* Hides the arrow in Firefox */
    appearance: none; /* Hides the arrow in modern browsers */
    cursor: pointer; /* Makes it look clickable */
    outline: none; /* Removes the outline when focused */
}

.hr-with-text {
    display: flex;
    align-items: center;
    text-align: center;
}

.hr-with-text hr {
    flex: 1; /* Makes the lines flexible */
    border: none; /* Removes default border styling */
    border-top: 1px solid #ccc; /* Adds a custom border style */
    margin: 0 10px; /* Adds space around the text */
}

.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px; /* Adjust size as needed */
    height: auto;
}

.hr-with-text span {
    white-space: nowrap; /* Prevents the text from wrapping */
    padding: 0 10px; /* Adds padding around the text */
    font-size: 14px; /* Adjusts the font size */
    color: #555; /* Optional: Customize text color */
}
/* registration page css end */

@media (max-width: 1200px) {
    /* Extra large screens (xl) */
}

@media (max-width: 992px) {
    /* Large screens (lg) */
    .login_form {
        width: 80%;
    }
}

@media (max-width: 768px) {
    /* Medium screens (md) */
    .login_form {
        width: 80%;
    }
}

@media (max-width: 576px) {
    /* Small screens (sm) */
    .login_form {
        width: 90%;
    }
    .nav_right-section {
        width: 100%;
    }
}

@media (max-width: 480px) {
    /* Extra small screens (custom breakpoint) */
    .login_form {
        width: 100;
    }
    .filter_list-group {
        width: 300px !important;
    }
    .nav_right-section {
        width: 100%;
    }
}

/* Hide default checkbox */
.custom-checkbox {
    appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #cb0e12; /* Pink border */
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
    position: relative;
}

/* Checkbox checked state */
.custom-checkbox:checked {
    background-color: #cb0e12; /* Pink background */
    border-color: #cb0e12;
}

/* Custom tick mark */
.custom-checkbox:checked::after {
    content: "\2713"; /* Unicode checkmark */
    font-size: 14px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Label styling */
label {
    color: white; /* White text */
    margin-left: 8px;
    font-size: 14px;
    cursor: pointer;
}

.theme_color {
    color: #cb0e12;
}
.theme_button_bg {
    background-color: #cb0e12;
}

.search_input {
    border: none; /* Remove border */
    outline: none; /* Remove focus outline */
    background-color: transparent; /* Transparent input background */
    color: #fff; /* Transparent input background */
}

.search_input:focus,
.contact_form-input {
    border: none; /* Ensure no border on focus */
    outline: none; /* Ensure no outline on focus */
    background-color: transparent; /* Maintain the input background */
}

.search_input::placeholder {
    background-color: transparent; /* Placeholder background color */
    color: #fff; /* Placeholder text color */
    padding: 0 5px; /* Add padding for better alignment */
}

.band-img {
    width: 5rem;
}
/* menu section */
.nav-link {
    font-size: 20px;
    color: #fff;
}

.mt_1 {
    margin-top: -7px;
}
.w-15 {
    width: 15%;
}
/* hero-section */
.hero-section {
    color: white;
}
.hero-section h1 {
    font-size: 3.5rem;
}
/* category start  */
.no-border {
    border-radius: 0px !important;
}
.card_btn-buynow {
    background-color: #334df7;
    color: #fff;
    font-weight: bolder;
    font-size: 23px;
}
.card_btn-buynow:hover {
    background-color: #05157f;
}

/* category end */

.btn-pink {
    background-color: #ff4081;
    border: none;
}

.btn-pink:hover {
    background-color: #e63670;
}

.card {
    border-radius: 15px;
    overflow: hidden;
}

.card img {
    max-height: 200px;
    object-fit: cover;
}
.text-justify {
    text-align: justify !important;
}

.card-title {
    font-weight: bold;
}

footer a {
    text-decoration: none;
    color: #ff4081;
}

footer a:hover {
    color: #e63670;
}
.bg-dark-transparent {
    background-color: #0000006e;
}
.filter_list-group {
    width: 400px;
}

.related-post-timeline {
    font-size: 12px;
}

.package-name {
    background-color: #fe396a;
    padding: 10px 20px;
    border-radius: 25px 0px 0px 28px;
    margin-bottom: 30px;
    font-size: 1.2em;
    font-weight: bold;
}
.package-start-no-border {
    border-radius: 0px 0px 28px 0 !important;
    background-color: #a009b9;
    margin-bottom: 0px;
}
.contact_form-input {
    background-color: #000;
    border: #000;
    color: #fff;
}
.about_profile-img {
    width: 340px;
    height: 320px;
}

.footer_social-link {
    color: #fff !important;
    background-color: #262626;
    margin: 0px 7px;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #3e3d3d;
}
.footer_social-link:hover {
    background-color: #334df7;
}

.flow_us-section span {
    font-size: 25px;
}

.partner-logo {
    width: 150px;
    height: 150px;
}

/* https://www.figma.com/design/jJYsnGSdjMfOvVpjor6WIP/Next-Play-TV?node-id=0-1&t=RQ1XchUZi1yQ0HSi-1 */
.more_dropdown,
.partners_dropdown,
.event_dropdown {
    top: 67%;
    background: #000;
}
.more_dropdown {
    min-width: 300px;
}
.partners_dropdown {
    min-width: 260px;
}
.event_dropdown {
    min-width: 200px;
}
.event_dropdown li,
.partners_dropdown li,
.more_dropdown li {
    background-color: #1c1c1c;
    color: #fff;
}
.partners_dropdown li a,
.event_dropdown li a,
.more_dropdown li a {
    color: #fff;
}
.content_min-hight {
    min-height: 700px;
}

/* 98010777 */

.nav-item .nav-link:hover {
    color: #e12f2f;
}
.nav-item .nav-link.active {
    color: #e12f2f;
}